Get unlimited public & private packages + team-based management with npm Teams.Learn more »

fit-textarea

1.1.1 • Public • Published

fit-textarea

Automatically expand a <textarea> to fit its content, in a few bytes

Install

npm install fit-textarea

Setup

const fitTextarea = require('fit-textarea');
import fitTextarea from 'fit-textarea';
<textarea rows="3">Use the rows attribute to set its minimum height</textarea>

Usage

Once, one element

const textarea = document.querySelector('textarea');
fitTextarea(textarea);

As the user types

One element

const textarea = document.querySelector('textarea');
fitTextarea.watch(textarea);

Array/NodeList/Iterable of elements

const textareas = document.querySelectorAll('textarea');
fitTextarea.watch(textareas);

With a selector

The selector is run once, so it's equivalent to the example above.

fitTextarea.watch('textarea');

Related

  • indent-textarea - Add editor-like tab-to-indent functionality to
  • delegate-it - DOM event delegation, in <1KB. Can be used to attach one fit-textarea to many elements.
  • Refined GitHub - Uses this module.

Install

npm i fit-textarea

DownloadsWeekly Downloads

292

Version

1.1.1

License

MIT

Unpacked Size

5.85 kB

Total Files

5

Last publish

Collaborators

  • avatar