Re: [csswg-drafts] [css-sizing] It's false that `height: stretch` behaves as `stretch` alignment (#11784) from Oriol Brufau via GitHub on 2025-02-26 (public-css-archive@w3.org from February 2025)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Wed, 26 Feb 2025 19:50:47 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-2686043880-1740599445-sysbot+gh@w3.org>

BTW, same for a column flexbox:

```html
<!DOCTYPE html>
<style>
.container { display: flex; flex-direction: column; width: 100px; height: 100px; border: solid; flex-wrap: wrap; align-content: start }
.stretch { width: -moz-available; width: -webkit-fill-available; width: stretch }
</style>
<div class="container">
  <div class="stretch" style="height: 75px; border: solid cyan">a</div>
  <div class="stretch" style="height: 75px; border: solid magenta">b</div>
</div>
<div class="container">
  <div class="stretch" style="height: 75px; border: solid cyan">a</div>
  <div style="border: solid orange; width: 150px"></div>
  <div class="stretch" style="height: 75px; border: solid magenta">b</div>
</div>
<div class="container">
  <div style="height: 75px; border: solid cyan;">a</div>
  <div style="height: 75px; border: solid magenta">b</div>
</div>
<div class="container">
  <div style="height: 75px; border: solid cyan;">a</div>
  <div style="border: solid orange; width: 150px"></div>
  <div style="height: 75px; border: solid magenta">b</div>
</div>
```

![](https://github.com/user-attachments/assets/51c121bf-9bc6-44b4-9f2d-47cc6afbb538)

With `width: min-content; max-width: 100px`:

![](https://github.com/user-attachments/assets/75a6aaed-760f-437e-a7a4-598c06ef3476)



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


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

Received on Wednesday, 26 February 2025 19:50:47 UTC