wangaz/contao-form-auto-grow

Automatically resizes textareas depending on their content

3.1.2 2018-02-07 16:10 UTC

This package is auto-updated.

Last update: 2024-12-14 17:30:34 UTC


README

Automatically resizes textareas depending on their content for Contao CMS.

License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

CSS Tips

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;
}