matthiasmullie / Jquery Autoexpand
Licence: mit
Auto-expands textareas so they grow as you type
Programming Languages
javascript
184084 projects - #8 most used programming language
jquery-autoexpand
A textarea will automatically grow and shrink in height as you add or remove content to it.
- The textarea will never shrink smaller than its original height
- The textarea will never grow beyond the bottom edge of the window. Instead, a scroll bar show up in the textarea as more text is added to the textarea.
Demo
Try it out here: http://www.mullie.eu/jquery-autoexpand/
Usage
$('textarea').autoExpand();
Or if you want to customize some of the options:
$('textarea').autoExpand({ animationTime: 0, windowPadding: 100 });
Remove
If you no longer need the textarea to auto-expand and you want to reset it:
$('textarea').autoExpand('destroy');
Options
Options can be passed in as a { key: value } object literal. Available options are:
| property | default value | description |
|---|---|---|
| animationTime | 50 | Time in milliseconds to animate to new height |
| windowPadding | 20 | Amount of pixels to preserve between textarea & window bottom |
You can remove the auto-expander from a textarea by passing 'destroy' (as string, not in an object literal).
Installation
Install this package via npm:
npm install jquery-autoexpand
Or simply copy jquery.autoexpand.js into your project.
License
jquery-autoexpand is MIT licensed.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].