Небольшой плагин без зависимостей для того, чтобы текстовые поля изменяли свой размер по содержимому.
Плагин уважает выбор блочной модели, учитывает значения атрибута 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
, чтобы все знали об этом.