Ser-Gen / fieldAutosize

Little pure js plugin that automatically forces a fields of forms to respect dimensions of their contents

Home Page:http://ser-gen.github.io/fieldAutosize/example.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fieldAutosize

Небольшой плагин без зависимостей для того, чтобы текстовые поля изменяли свой размер по содержимому.

Плагин уважает выбор блочной модели, учитывает значения атрибута rows и реагирует на события ввода благодаря делегации.

Если поддерживается Mutation Observer, реагирует и на элементы, добавляемые после его срабатывания.

Плагин старается следить и за невидимыми элементами. Если у него не получается, его можно активировать вручную:

— метод fieldAutosize.process(selector) обрабатывает все текстовые поля по selector
— метод fieldAutosize.handle(elem) обрабатывает элемент в документе, элемент должен быть в DOM.

Свойство selector [textarea] — селектор, по которому выбираются элементы для обработки.
По селектору, указанному в свойство exclude [false], можно исключить элементы из обработки.

При помощи active = false можно выключить плагин в любой момент.

Атрибут data-fieldAutosize-disable="true" исключит элемент из обработки.

watchHidden [true] заставит плагин следить за скрытыми полями.

Если пользователь захочет, он сможет изменить размеры поля самостоятельно. Благодаря watchResize [true] плагин перестанет действовать для поля после изменения его размера пользователем.

После изменения размера поле генерирует событие fieldAutosize:resize, чтобы все знали об этом.

About

Little pure js plugin that automatically forces a fields of forms to respect dimensions of their contents

http://ser-gen.github.io/fieldAutosize/example.html

License:MIT License


Languages

Language:JavaScript 71.5%Language:HTML 28.5%