search

jmadler / emoji-picker

Add a slick emoji selector to input fields and textareas on your website.
Other
1.31k stars 318 forks source link

Auto grow height when user types in multiple lines #78

Open JohannRosenberg opened 7 years ago

JohannRosenberg commented 7 years ago

Looking at the image you posted showing the editor, you clearly indicate that the height of the editor can be several lines high. But the demo app does not show this and entering multiple lines does not let the editor height grow. How can I get the editor height to grow as the user types a new line?

sean-macfarlane commented 6 years ago

I noticed this too, just change the class .emoji-wysiwyg-editor in lib/css/emoji.css on line 91 the following fields to these:

.emoji-wysiwyg-editor {
    /* height: 30px; */
    /* max-height: 284px; */
    overflow: hidden;
}
shafay07 commented 4 years ago

This doesnt fix the problem. I have added style="height:200px" to my textarea which seemed to do the trick for me. I am using this plugin in different areas of my website there are some spots where it works without fixing the issue but there are some textareas i need to manually add style.