📐 CSS field-sizing Generator

Generate CSS for automatic input/textarea sizing with field-sizing property

Configuration

Field Type

Field Sizing

Min Width

Max Width

Min Height

Max Height

textarea {
  field-sizing: content;
  min-width: 200px;
  max-width: 400px;
  min-height: 50px;
  max-height: 200px;
}

Try typing to see the auto-sizing in action:

The field-sizing property controls how form fields size themselves:

Browser support: Chrome 123+, Edge 123+