Automatic Textarea Resizer Change Used With Bootstrap

auto-resize-textarea is automatic scaling of the height of any <textarea> according to the content and this plugin automatically adjusts the height of the text area as you type.

Supports native paste events and works with the latest Bootstrap framework.

Read More: [Splitter/Resizer] A Simple and Easy Slider to Resize Two Side-by-Side Flexboxes | jquery-pane-slider

How to make use of it:

1. Insert the JavaScript file auto-resize-textarea.js into the doc.

<script src="src/auto-resize-textarea.js"></script>

2. Attach the autoResizeTextarea plugin to your textarea component and achieved.

<textarea class="form-control"></textarea>
autoResizeTextarea(document.querySelectorAll("textarea.form-control"));

3. Specify the max height of the textarea.

autoResizeTextarea(document.querySelectorAll("textarea.form-control"),{
  maxHeight: 140
});

Read More – 

A Javascript Library To Handle Custom Resizing Of Flexbox Elements
jQuery Plugin For Height and Width Resizing Of The iFrame To Content Size


See Demo And Download

Official Website(shaack): Click Here

This superior jQuery/javascript plugin is developed by shaack. For extra Advanced Usage, please go to the official website.

Share