W3C home > Mailing lists > Public > public-css-archive@w3.org > February 2019

[csswg-drafts] [css-grid] Sizing algorithm should work for span > 2 (#3617)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Tue, 05 Feb 2019 21:47:37 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-406988934-1549403256-sysbot+gh@w3.org>
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] Sizing algorithm should work for span > 2 ==
https://drafts.csswg.org/css-grid/#algo-spanning-items has an algorithm for items with a span of 2. Items with a span of 1 are handled beforehand. Items with a span greater than 2 are not explicitly handled anywhere. Why?

I tried this example: https://jsfiddle.net/qg5v0zLa/

The grid container has an explicit width of 200px. The columns are sized with `min-content max-content`, and extra ones with `0`. The grid item has a min-content contribution of 50px and a max one of 100px.

If the grid item spans 2 columns, they become `25px 75px` according to https://drafts.csswg.org/css-grid/#algo-spanning-items.

But if the item spans 3 columns, https://drafts.csswg.org/css-grid/#algo-grow-tracks should be reached with base sizes of `0 0 0` and growth limits of `infinity infinity 0`, so the columns should become `100px 100px 0`.

This is not what Firefox and Chromium do, though. The columns end up being `25px 75px 0px`, as expected.

So instead of "items with a span of 2" the spec should say "items with a span of at least 2"

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3617 using your GitHub account
Received on Tuesday, 5 February 2019 21:47:39 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:43 UTC