Automatically resizes textareas depending on their content for Contao CMS.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Use the following CSS-Styles to get most out of Auto Grow.
Hide the vertical scrollbar that sometimes appears in Webkit while resizing:
textarea {
overflow-y: hidden;
}
Hide the resize handle in Webkit:
textarea {
resize: none;
}
Animate the height via CSS-Transforms:
textarea {
-moz-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
-o-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-property: height;
-moz-transition-property: height;
-o-transition-property: height;
transition-property: height;
}