Auto Grow Textarea While Typing - jQuery Autobox

Auto Grow Textarea While Typing - jQuery Autobox

Autobox is a lightweight jQuery textarea resize plugin which automatically adjust the height and width of the regular textarea element to match its content while typing.

1. Install the Autobox with NPM:

$ npm install jquery.autobox --save

2. Import jQuery and the Autobox module.

import jQuery from 'jquery';
import autobox from 'jquery.autobox';

3. Or directly include jQuery library and the Autobox plugin's script on the html page.

<script src="" 
<script src="dist/jquery.autobox.js"></script>

4. Activate the auto grow functionality on your textarea elements.

<div class="container">

5. Or on a specific textarea element.

<div class="container">
  <textarea class="demo"></textarea>

This awesome jQuery plugin is developed by duzun. For more Advanced Usages, please check the demo page or visit the official website.

  • Publication date: 15.04.2018
  • Source