useTextareaAutosize

v0.0.15testeddemo

Auto-resizes a `<textarea>` to fit its content. Reacts to user input, programmatic content changes, and element resize. Reuses `useEventListener` for a passive, auto-cleaned `input` listener and `useResizeObserver` to re-measure when the textarea's width changes (so reflowed text is re-fitted). SSR safe.

Source Tests

Examples

const { textarea, input } = useTextareaAutosize();
// <textarea ref="textarea" v-model="input" />

const { textarea, input, triggerResize } = useTextareaAutosize({ maxHeight: 320 });

Demo

Loading demo…

Signature

export function useTextareaAutosize(options: UseTextareaAutosizeOptions ={ ... }

Parameters

Parameter	Type	Default	Description
`options`?	`UseTextareaAutosizeOptions`	`{}`	Options

Returns

UseTextareaAutosizeReturn`textarea`, `input`, and `triggerResize`