Re: [csswg-drafts] [css-grid-1] Distribution of intrinsic sizes according to flex factors doesn't handle sum < 1 (#6078)

Here's an example where I'm trying to get directly at the discontinuity around 0 that we were trying to fix here:
https://jsfiddle.net/dholbert/gypkm461/

This jsfiddle has 3 grids which have column sizes `0fr 0fr`, `0fr 0.1fr`, and `0.1fr 0.1fr`.  The expectation is that the second grid (the one with `0fr 0.1fr`) should have its tracks sized ~similarly to the other two, with just a small difference in column sizing (10px I think).    But Chromium and WebKit collapse away that grid's first column entirely (as shown by the orange marker-item not showing up at all there).

So I think this is an indication that nobody has yet implemented this spec change; but please correct me if I'm wrong. Thanks!  (This is on my radar because we've got an engineer working on getting Gecko up-to-date on this part of the spec right now.)

JSFiddle Source:
```css
.grid {
  display: grid;
  grid-template-rows: 40px 40px;
  border: 5px solid black;
  margin: 5px;
  width: 120px;
}
.item {
  width: 100px;
  grid-column: 1 / span 2;
  border: 3px solid blue;
}
.marker {
  background: currentColor;
}
```
```html
0 0:
<div class="grid" style="grid-template-columns: 0fr 0fr">
  <div class="item"></div>
  <div class="marker" style="color:orange"></div>
  <div class="marker" style="color:fuchsia"></div>
</div>
0 0.1:
<div class="grid" style="grid-template-columns: 0fr 0.1fr">
  <div class="item"></div>
  <div class="marker" style="color:orange"></div>
  <div class="marker" style="color:fuchsia"></div>
</div>
0.1 0.1:
<div class="grid" style="grid-template-columns: 0.1fr 0.1fr">
  <div class="item"></div>
  <div class="marker" style="color:orange"></div>
  <div class="marker" style="color:fuchsia"></div>
</div>
```

-- 
GitHub Notification of comment by dholbert
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6078#issuecomment-2460661852 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 6 November 2024 20:00:26 UTC