Intent to Prototype: Implement visibility:collapse for flex items

[Helmut Januschka]

Contact emails

hjanu...@gmail.com

Explainer

https://static.januschka.com/i-41085247

Specification

https://drafts.csswg.org/css-flexbox/#algo-visibility

Summary

Implement the CSS Flexbox visibility-collapse algorithm for flex items. Collapsed flex items should have zero main-axis size during line collection while preserving line cross-size contribution as a strut, per spec. CL: https://chromium-review.googlesource.com/c/chromium/src/+/7675197 sampler: https://static.januschka.com/i-41085247/

Blink component

Blink>Layout>Flexbox

Web Feature ID

flexbox

Motivation

interoperable support for visibility:collapse on flex items, as defined by the CSS Flexbox specification. Blink currently treats visibility:collapse like visibility:hidden for flex items, which is not spec compliant. As a result, developers rely on workarounds such as extra wrapper elements, script-driven layout changes, or alternate styles that are harder to maintain and do not reproduce the specified strut behavior. This change aligns Chrome with the standardized Flexbox algorithm, reduces cross-browser layout differences, and allows authors to rely on a consistent CSS behavior without custom workarounds. CL: https://chromium-review.googlesource.com/c/chromium/src/+/7675197 sampler: https://static.januschka.com/i-41085247/

Initial public proposal

https://chromium-review.googlesource.com/c/chromium/src/+/7675197

Goals for experimentation

None

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/41085247

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5179106330279936?gate=5980531742343168

This intent message was generated by Chrome Platform Status.