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

Re: [csswg-drafts] [css-grid] What if base sizes of both auto/min-content and max-content minimums are being handled? (#3621)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Tue, 07 May 2019 14:27:41 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-490103447-1557239260-sysbot+gh@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

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