auto-resize-textarea

Auto resizes the height of any <textarea> according to the content.

No dependencies (don't needs jQuery)
Works with Bootstrap

Sources and documentation

Plain HTML Examples

Initial width and height set

<textarea class="auto-resize" style="width: 400px; height: 30px;"></textarea>

Rows and cols set

<textarea rows="2" cols="20" class="auto-resize"></textarea>

Padding and cols and rows set

<textarea style="padding: 10px" rows="2" cols="20" class="auto-resize"></textarea>

One row initial

<textarea id="textarea5" rows="1" cols="40" class="auto-resize"></textarea>

Bootstrap Examples

Bootstrap (class="form-control")

<textarea class="form-control auto-resize"></textarea>

Bootstrap already containing text

<textarea class="form-control auto-resize">Lorem ipsum dolor sit amet, consectetur...</textarea>

Script

<script src="src/auto-resize-textarea.js"></script>
<script>
    autoResizeTextarea(document.querySelectorAll("textarea.auto-resize"), { maxHeight: 320 })
</script>

By shaack.com. License: MIT.