Re: [csswg-drafts] [css-sizing-4] How does height: stretch interact with margin collapsing with parent (#11044)

https://github.com/w3c/csswg-drafts/blob/3845f405525db5b389d1d2c673eb1bbe959e0bff/css-sizing-4/Overview.bs#L876

That's not what was resolved in https://github.com/w3c/csswg-drafts/issues/11006#issuecomment-2669238301. Blink treats it as `0px` in min properties, not as `auto`:

```html
<!DOCTYPE html>
<style>
.stretch { min-height: -moz-available; min-height: -webkit-fill-available; min-height: stretch }
.item { width: 50px; border: solid }
.item::after { content: ""; display: block; height: 75px }
</style>
<div style="display: inline-block">
  <div class="item" style="aspect-ratio: 1"></div>
</div>
<div style="display: inline-block">
  <div class="item stretch" style="aspect-ratio: 1"></div>
</div>
<div style="display: inline-flex; flex-direction: column">
  <div class="item" style="flex-basis: 50px"></div>
</div>
<div style="display: inline-flex; flex-direction: column">
  <div class="item stretch" style="flex-basis: 50px"></div>
</div>
<div style="display: inline-grid; grid-template-rows: auto; height: 50px">
  <div class="item"></div>
</div>
<div style="display: inline-grid; grid-template-rows: auto; height: 50px">
  <div class="item stretch"></div>
</div>
```

![](https://github.com/user-attachments/assets/e0194297-7abc-4620-819b-af73834a7cce)




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


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

Received on Monday, 24 February 2025 18:27:52 UTC