Demo URL
https://web.whatsapp.com
Describe the feature
I love the messaging pages offered by Tairo. https://tairo.cssninja.io/dashboards/messaging
I am trying to replace the input with an auto growing text area (with a max height), like how they are offered by web.whatsap.com and other messaging platforms.
As soon as the height of the text area grows, it starts increasing the overall height of the page, and messes up the background color of other columns because the text area grows down. In messaging platforms, the text area usually grows up (reducing the height used by the messages section). I believe it's handled by applying correct flex class to the messages section, but I am not able to figure it out.
If you can update the "messaging" page example with a growing text area, or just provide some guidance, it will be appreciated. Thank you.
Demo URL
https://web.whatsapp.com
Describe the feature
I love the messaging pages offered by Tairo. https://tairo.cssninja.io/dashboards/messaging
I am trying to replace the input with an auto growing text area (with a max height), like how they are offered by web.whatsap.com and other messaging platforms.
As soon as the height of the text area grows, it starts increasing the overall height of the page, and messes up the background color of other columns because the text area grows down. In messaging platforms, the text area usually grows up (reducing the height used by the messages section). I believe it's handled by applying correct flex class to the messages section, but I am not able to figure it out.
If you can update the "messaging" page example with a growing text area, or just provide some guidance, it will be appreciated. Thank you.