Re: [csswg-drafts] [css-sizing] Does an indefinite intrinsic block size transfer to inline axis when `stretch` would do so? (#11387)

Similar question: what about `min-height: min-content`, should we treat it as `min-height: 0` or `min-height: initial`?

Browsers seem to do the latter.

```html
<!DOCTYPE html>
<style>
.wrapper { display: flex; flex-flow: column; width: 50px; height: 50px; border: solid; margin: 5px }
.item { flex-basis: 10px; align-self: center }
canvas { background: cyan; height: 100% }
</style>
<div class="wrapper">
  <div class="item" style="min-height: 0">
    <canvas width="25" height="25"></canvas>
  </div>
</div>
<div class="wrapper">
  <div class="item" style="min-height: auto">
    <canvas width="25" height="25"></canvas>
  </div>
</div>
<div class="wrapper">
  <div class="item" style="min-height: min-content">
    <canvas width="25" height="25"></canvas>
  </div>
</div>
<div class="wrapper">
  <div class="item" style="min-height: max-content">
    <canvas width="25" height="25"></canvas>
  </div>
</div>
```

| Firefox | Blink | WebKit |
| - | - | - |
| ![](https://github.com/user-attachments/assets/90749254-12ed-4777-8b86-8610a45d6dc7) | ![](https://github.com/user-attachments/assets/218651f4-bc73-4115-a43d-759cf54b8c39) | ![](https://github.com/user-attachments/assets/c59c9c9a-e526-46d0-a60a-921c11672c44) |

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


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

Received on Tuesday, 17 December 2024 22:54:00 UTC