Re: [csswg-drafts] [css-sizing] Does indefinite `stretch` behave as automatic size or as initial value? (#11006)

It's worth noting that there is a difference among major browsers:
 - Gecko treats an indefinite `min-height: stretch` as the initial `auto`
 - Blink and WebKit treat it as `0px`

```html
<!DOCTYPE html>
<div style="display: flex; flex-direction: column; border: solid cyan; min-height: 100px; width: 200px;">
  <div style="min-height: -moz-available; min-height: -webkit-fill-available; min-height: stretch;
              flex-basis: 0; border: solid">lorem ipsum</div>
</div>
```

| Gecko | Blink, WebKit |
| - | - |
| ![](https://github.com/user-attachments/assets/f9de0525-24e1-4f5f-a287-f4c8ed394b8e) | ![](https://github.com/user-attachments/assets/b3c54bfa-0571-45af-bd02-2974ab3014ea) |

Interestingly, they all treat `min-height: 0%` as `0px`.


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


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

Received on Thursday, 17 October 2024 20:30:53 UTC