field-sizing
Newly Available (since 2026-06-16)
Expected to be Widely Available on 2028-12-16
The field-sizing CSS property allows form controls such as <textarea> to be sized based on their content.
Browser support
- Chrome 123 Released on 2024-03-19
- Chrome Android 123 Released on 2024-03-19
- Edge 123 Released on 2024-03-22
- Firefox 152 Released on 2026-06-16
- Firefox for Android 152 Released on 2026-06-16
- Safari 26.2 Released on 2025-12-12
- Safari on iOS 26.2 Released on 2025-12-12
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~1.782% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper use cases
-
Make `<textarea>` autogrow. I've wanted this feature for decades! Better late than never :)
Make `<textarea>` autogrow. I've wanted this feature for decades! Better late than never :) [see original comment] -
allow chat content box when talking to llm to increase in size as the text increases so as not to hide text (to a certain limit)
allow chat content box when talking to llm to increase in size as the text increases so as not to hide text (to a certain limit) [see original comment] -
Have the same UI cross browser, Currently I accommodate non field-sizing browsers by checking if they are supported in css
Have the same UI cross browser, Currently I accommodate non field-sizing browsers by checking if they are supported in css [see original comment]
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist