Description
field-sizing: content allows to size form controls dynamically based on their content, for instance making a textarea grow when more lines are written (but not only).
This removes the need for JS-based solutions (like autosize).
This feature is already shipped in Chromium-based browsers and is available in Safari TP (so hopefully soon in Safari stable releases) but not yet in Firefox.
Specification
https://drafts.csswg.org/css-forms-1/#propdef-field-sizing
web-feature
field-sizing
Test Links
https://wpt.fyi/results/?label=experimental&label=master&aligned&q=feature%3Afield-sizing
Additional Signals
Safari position: support WebKit/standards-positions#231
Mozilla position: positive mozilla/standards-positions#849
Description
field-sizing: contentallows to size form controls dynamically based on their content, for instance making a textarea grow when more lines are written (but not only).This removes the need for JS-based solutions (like
autosize).This feature is already shipped in Chromium-based browsers and is available in Safari TP (so hopefully soon in Safari stable releases) but not yet in Firefox.
Specification
https://drafts.csswg.org/css-forms-1/#propdef-field-sizing
web-feature
field-sizing
Test Links
https://wpt.fyi/results/?label=experimental&label=master&aligned&q=feature%3Afield-sizing
Additional Signals
Safari position: support WebKit/standards-positions#231
Mozilla position: positive mozilla/standards-positions#849