[csswg-drafts] [css-grid-1] Browsers disagree on layout of all-auto columns with overlapping spans

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

== [css-grid-1] Browsers disagree on layout of all-auto columns with overlapping spans ==
In #2356, Florian provides an example layout using a bunch of fixed-size items spanning 5 auto columns in various configutations <https://unicode.org/cldr/utility/>.  Firefox and Chrome give *similar* results, but not identical:

* In Firefox, the grid as a whole is 745x590, with extra horizontal space on items 1, 2, 4, 7, and 8.
* In Chrome, the grid as a whole is 760x590, with extra horizontal space on items 2, 4, 6, 7, and 8.
* In Edge, the grid as a whole is 760x710, with extra *vertical* space on items 1, 3, 5, and 6.  (Note: to get a reasonable display you'll need to `float: left` the grid, as Edge doesn't yet support `width: max-content`.)

This is all very confusing and distressing!  Who's right, if any? What needs to be fixed in the spec to make this clearer?

/cc @mrego @matspalmgren @atanassov 

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

Received on Monday, 30 April 2018 19:46:53 UTC