Re: [csswg-drafts] [css-grid-3][Masonry] Repeat(auto-fill, auto) and % sized items (#12432)

So what should the img width be for this very common list of images?

Currently the img width in Chrome is equal to `0.5px`, which is not expected anyway.

```html
data:text/html;charset=UTF-8,<!DOCTYPE html>
<style>
.box {
  display: masonry;
  item-tolerance: 0;
  grid-template-columns: repeat(auto-fill, auto);
  width: 400px;
  outline: 1px solid red;
}

img {
  width: 100%;
  height: auto;
  display: block;
}
</style>
<main class="box">
  <img src="https://webkit.org/demos/grid3/photos/photos/jubeo-hernandez-2FxiqXZyB7s-unsplash.jpg" width="640" height="735">
  <img src="https://webkit.org/demos/grid3/photos/photos/micheile-henderson-KUbt9qYUmxw-unsplash.jpg" width="640" height="640">
  <img src="https://webkit.org/demos/grid3/photos/photos/jorgen-hendriksen-2V1AgzYuOJc-unsplash.jpg" width="640" height="306">
  <img src="https://webkit.org/demos/grid3/photos/photos/nik-_gScLDbcg2k-unsplash.jpg" width="640" height="427">
  <img src="https://webkit.org/demos/grid3/photos/photos/sourav-ek-JMmNHe9lvFU-unsplash.jpg" width="640" height="800">
  <img src="https://webkit.org/demos/grid3/photos/photos/eugenivy_now-skXOY314xMQ-unsplash.jpg" width="640" height="263">
</main>
```

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


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

Received on Monday, 21 July 2025 06:32:54 UTC