[csswg-drafts] [css-grid-2] Inconsistent min/max-content contribution for images that failed to load (#11806)

gitspeaks has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid-2] Inconsistent min/max-content contribution for images that failed to load ==
There is an inconsistency in how browsers handle the `max-content` contribution of images that fail to load within a CSS Grid. 

Test Case:

```html
<!DOCTYPE html>
<div style="display: grid; grid-template-columns: min-content max-content auto; grid-template-rows: min-content max-content;">
  <div style="background: lightblue">unbreakable</div>
  <div style="background: lightgreen">this is a long sentence</div>
  <div style="background: lightcoral"><img src="image.jpg" style="min-width: 150px; width: 300px" /></div>
  <div style="background: lightyellow">short</div>
  <div style="background: lightpink">text content</div>
  <div style="background: lightgray"><img src="tall.jpg" style="min-height: 200px; height: 400px" /></div>
</div>
```

**Firefox**

Expected behavior based on [CSS 2 Spec 10.6.2](https://drafts.csswg.org/css2/#inline-replaced-height) and [10.3.2](https://drafts.csswg.org/css2/#inline-replaced-width):

1. Row 1 Height / (`min-content` row including failed image) / Image Height
   - Expected: 150px (default fallback size for failed images).
   - Actual: 300px (unexpected expansion).
2. Image Width (`width: 300px`) in Row 2 / Column 3
   - Expected: 300px (default fallback width for failed images).
   - Actual: 400px (unexpected increase).

![Image](https://github.com/user-attachments/assets/3adda215-0cb6-4419-9d36-ba86e8312b12)

**Chrome**

1. Row 1 Height (`min-content` row including failed image)
   - Expected: 150px.
   - Actual: 16px (unexpected collapse).
2. Image Width in Row 1 / Column 3
   - Expected: 300px.
   - Actual: 16px (unexpected collapse).
3. Row 2 Height (`max-content` row including failed image)
   - Expected: 400px.
   - Actual: 200px (unexpected collapse).
4. Image Width in Row 2 / Column 3
   - Expected: 300px.
   - Actual: 16px (unexpected collapse).

![Image](https://github.com/user-attachments/assets/a2820acc-34ec-48dd-aec2-233d6a24c5fe)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11806 using your GitHub account


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

Received on Sunday, 2 March 2025 12:10:04 UTC