[csswg-drafts] [css-grid-3] Masonry Syntax Switch (#12022)

fantasai has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid-3] Masonry Syntax Switch ==
In https://github.com/w3c/csswg-drafts/issues/11243 we ended up resolving to:
- Re-use the `grid-*` properties for templating and explicit placement.
- Adopt the `item-flow` proposal (in principle) for flow control. See https://github.com/w3c/csswg-drafts/issues/11480

With that context, I'm opening this issue to focus on one specific sub-point of the syntax debate: how do we trigger masonry layout?

The three proposals so far are:
- Use `display: masonry`.
- <del>Use `display: grid` + `grid-template-rows/columns: collapse`.</del>
- Use `display: grid` + `item-pack: collapse` (allowing it to show up in the `item-flow` shorthand as .e.g. `item-flow: row collapse`).

Now that `item-flow` has been adopted, nobody is advocating for the `grid-template-rows/columns` option. But people wanted some time to absorb the new `item-flow` situation before deciding. See https://www.w3.org/TR/css-grid-3/#flow-control

New ideas are also welcome.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12022 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 28 March 2025 18:48:56 UTC