Automatically resizes textareas based on their content.
OTHER License
Automatically resizes textareas based on their content.
This Plugin is part of MooTools PowerTools!.
Build via Packager, requires MooTools Core and MooTools Class-Extras to be registered to Packager already
packager register /path/to/form-autogrow
packager build Form-AutoGrow/* > form-autogrow.js
To build this plugin without external dependencies use
packager build Form-AutoGrow/* +use-only Form-AutoGrow > form-autogrow.js
See Demos/index.html
Create a new instance of Form.AutoGrow for your TextArea-Element
new Form.AutoGrow('myTextarea');
Use the following CSS-Styles to get most out of Form.AutoGrow.
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;
}