← Back to release summary

display:inline-grid/grid/inline-flex/flex for <fieldset>

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 86)

Intent stage

Shipped

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Published standard
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements See the result of fieldset-flexbox.html and fieldset-grid.html.

Summary

The FIELDSET element will support 'inline-grid', 'grid', 'inline-flex' and 'flex' keywords for CSS 'display' property.

Motivation

The FIELDSET element can contain arbitrary elements, and it should support modern layout algorithms.

Standards & signals

• Specification: https://html.spec.whatwg.org/C/#anonymous-fieldset-content-box
• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: Strongly positive — The tracking issue has 254 stars.
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=375693

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=html%2Frendering%2Fnon-replaced-elements%2Fthe-fieldset-and-legend-elements
• 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+display%3Ainline-grid%2Fgrid%2Finline-flex%2Fflex%20for%20%3Cfieldset%3E
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=display%3Ainline-grid%2Fgrid%2Finline-flex%2Fflex%20for%20%3Cfieldset%3E
• Baseline status: https://webstatus.dev/?q=display%3Ainline-grid%2Fgrid%2Finline-flex%2Fflex%20for%20%3Cfieldset%3E

View on chromestatus.com