Skip to content

A tiny, dependency-free JavaScript module for making textarea elements grow with their content.

License

Notifications You must be signed in to change notification settings

kodie/growfield

Repository files navigation

growfield

npm package version Travis build status npm package downloads code style license

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/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

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.

About

A tiny, dependency-free JavaScript module for making textarea elements grow with their content.

Topics

Resources

License

Stars

Watchers

Forks