Repository navigation
[Feature]: Messages page sample - add auto growing textarea #185
Description
Demo URL
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.
Activity
linear commentedon May 23, 2024
CSS-20 [Messages]: add auto growing textarea
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.
image
[-][Messages]: add auto growing textarea[/-][+][Feature]: Messages page sample - add auto growing textarea[/+]