A tiny, dependency-free JavaScript module for making textarea elements grow with their content.
Visit https://growfield.js.org
Download dist/growfield.min.js and place the following HTML in your page's head element:
<script type="text/javascript" src="dist/growfield.min.js"></script>CDN (Courtesy of jsDelivr)
Place the following HTML in your page's head element (check to make sure the version in the URL is the version you want):
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kodie/growfield@0.0.1/dist/growfield.min.js"></script>npm install growfield --save
// ES6
import growfield from 'growfield'
// CommonJS
const growfield = require('growfield')gpm install kodie/growfield --save
bower install kodie/growfield --save
growfield([selector], [options])
Initializes growfield.
-
selector(Optional) - A query string for textareas that you would like to use growfield on. -
options(Optional) - An object of options.
window.addEventListener('load', function () {
growfield()
}){
maxRows: null, // The maximum number of rows to grow the field to before normal scrolling happens
minRows: null // The minimum number of rows to start with (Defaults to 1)
}A special thanks to Rick Kukiela for posting this StackOverflow answer which is where the base code of this module came from.
-
filebokz - A tiny, dependency-free, highly customizable and configurable, easy to use file input with some pretty sweet features.
-
hashjump - A tiny, dependency-free JavaScript module for handling anchor links and scrolling elements into view.
-
kloner - A tiny, dependency-free JavaScript module for cloning/repeating elements.
-
kolorfield - A tiny, dependency-free, color input field helper that utilizes the native color picker.
-
minitaur - The ultimate, dependency-free, easy to use, JavaScript plugin for creating and managing modals.
-
peekfield - A dependency-free, easy to use, JavaScript plugin for hiding and showing fields.
MIT. See the license file for more info.