Skip to content

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

License

Notifications You must be signed in to change notification settings

Ser-Gen/fieldAutosize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published