- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Tue, 07 May 2019 14:27:41 +0000
- To: public-css-archive@w3.org
Firefox, Chromium and Edge are not interoperable: https://jsfiddle.net/mafd8s3o/ ```css .grid { display: grid; grid-template-columns: 200px 300px; grid-template-rows: max-content fit-content(0); } .foo { background: yellow; } .bar { background: cyan; } .baz { grid-area: 1 / 2 / 3 / 3; background: magenta; height: 300px; } ``` ```html <div class="grid"> <div class="foo">foo</div> <div class="bar">bar</div> <div class="baz">baz</div> </div> ``` - Firefox distributes the 300px of `.baz` equally among both rows. - Chromium distributes them only to the 2nd row because the 1st one doesn't have an `auto` or `min-content` min track sizing function. - Edge distributes them only to the 1st row. -- GitHub Notification of comment by Loirooriol Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3621#issuecomment-490103447 using your GitHub account
Received on Tuesday, 7 May 2019 14:27:46 UTC