Textareaautosize
Form

Textareaautosize is a plugin that manages automatic size on textarea.

Import the javascript file with import 'xtendui/src/textareaautosize'.

Initialize automatically within markup with [data-xt-textareaautosize="{ <options> }"].

Initialize manually within javascript with new Xt.Textareaautosize(document.querySelector('.my-container'), {/* options */}).

You can customize min-height and max-height of the textarea.

You can get self object from DOM node on Xtend UI components with Xt.get.

let self = Xt.get({ name: 'xt-textareaautosize', el: document.querySelector('.my-container') })

You can add additional options that gets added on match media query. You can use different queries with different and nested options.

	Syntax	Default / Arguments	Description
Option	`matches:Object`	`false`	Add additional options on match media query

Listen to events, for listeners use this guideline.

	Syntax	DOM Element	Description
Event	`init.xt.textareaautosize`	`container`	Init or reinit event
Event	`status.xt.textareaautosize`	`container`	Status event (enabled or disabled)
Event	`destroy.xt.textareaautosize`	`container`	Destroy event

Access properties by getting self object.

let self = Xt.get({ name: 'xt-textareaautosize', el: document.querySelector('.my-container') })
const container = self.container

	Syntax	Description
Property	`componentName:String`	Component name (used in `Xt.get`)
Property	`options:Object`	Final options
Property	`initial:Boolean`	If initial or reset activation
Property	`disabled:Boolean`	If component disabled
Property	`container:Node`	Container node
Property	`form:Node`	Form closest node

Call methods by getting self object.

let self = Xt.get({ name: 'xt-textareaautosize', el: document.querySelector('.my-container') })
self.destroy()
self = null