field-sizing

A modern property that allows form fields (like textareas) to automatically grow or shrink based on the amount of text typed into them, without needing JavaScript.

Quick example

textarea {
  /* Textarea will grow automatically as the user types */
  field-sizing: content;
  min-height: 3em;
}

Quick facts

Initial value
fixed
Inherited
No
Applies to
elements with a default preferred size
Animation type
discrete

Values

contentfixed

field-sizing Browser Support

Newly availableSince 202675% global usage

Since 2026 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

123+
152+
26.2+
123+
ESC