growfield
v0.0.1
Published
A tiny, dependency-free JavaScript module for making textarea elements grow with their content.
Downloads
7
Maintainers
Readme
growfield
A tiny, dependency-free JavaScript module for making textarea elements grow with their content.
Demo
Visit https://growfield.js.org
Installation
Manual Download
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/[email protected]/dist/growfield.min.js"></script>
NPM
npm install growfield --save
// ES6
import growfield from 'growfield'
// CommonJS
const growfield = require('growfield')
GPM
gpm install kodie/growfield --save
Bower
bower install kodie/growfield --save
Usage
growfield
Function
growfield([selector], [options])
Initializes growfield.
Parameters
selector
(Optional) - A query string for textareas that you would like to use growfield on.options
(Optional) - An object of options.
Examples
window.addEventListener('load', function () {
growfield()
})
Options
{
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)
}
Credit
A special thanks to Rick Kukiela for posting this StackOverflow answer which is where the base code of this module came from.
Related
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.
License
MIT. See the license file for more info.