field-sizingBaseline · Newly available
The field-sizing CSS property allows form controls such as <textarea> to be sized based on their content.
Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Jun 16, 2026.
Browser support
DesktopChrome
1–122Not supported
123+Supportedsince Mar 19, 2024
Current: 155Edge
12–122Not supported
123+Supportedsince Mar 22, 2024
Current: 154Firefox
1–151Not supported
152+Supportedsince Jun 16, 2026
Current: 157Safari
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27MobileChrome Android
18–122Not supported
123+Supportedsince Mar 19, 2024
Current: 155Firefox Android
4–151Not supported
152+Supportedsince Jun 16, 2026
Current: 157Safari iOS
1–26.1Not supported
26.2+Supportedsince Dec 12, 2025
Current: 27How to use
Every current browser supports this, but it only became Baseline on Jun 16, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.
Example
Full syntax and examples are on MDN: field-sizing.
Feature detection
CSS · check before using
@supports (field-sizing: initial) {
/* styles that rely on field-sizing */
}
/* or in JavaScript */
if (CSS.supports("field-sizing", "initial")) {
// use it
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (3). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| field-sizing | 123 | 123 | 152 | 26.2 | 123 | 152 | 26.2 |
| field-sizing.content | 123 | 123 | 152 | 26.2 | 123 | 152 | 26.2 |
| field-sizing.fixed | 123 | 123 | 152 | 26.2 | 123 | 152 | 26.2 |