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 beyong the bottom edge of the window. Instead, a scroll bar show up in the textarea as more text as added to the textarea.
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.