field-sizing CSS property

Category: CSS
Type: Chromium catches up
Status: Enabled by default (Chrome 123)
Intent stage: None

Breaking change: No
Enterprise impact: None
Chromium flag: CssFieldSizing
Spec maturity: Working draft
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-ui/parsing https://wpt.fyi/results/html/rendering/widgets

Summary

By 'field-sizing' property, web authors can disable fixed default sizes of form controls, and make their size depend on their content. It's very easy to provide automatically-growing text fields.

Standards & signals

Specification: https://drafts.csswg.org/css-ui/#field-sizing
Firefox: Positive
Safari: Support
Web developers: Positive
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1447058

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-ui%2Fparsing
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+field-sizing%20CSS%20property
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=field-sizing%20CSS%20property
Baseline status: https://webstatus.dev/?q=field-sizing%20CSS%20property

Docs: https://github.com/tkent-google/explainers/blob/main/form-sizing.md

View on chromestatus.com