- 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