- From: Oriol Brufau via GitHub <noreply@w3.org>
- Date: Sat, 09 Aug 2025 12:04:03 +0000
- To: public-css-archive@w3.org
This wasn't discussed in detail, but I guess the resolution implies that `align-self: stretch` makes the automatic size be `fit-content` (instead of `stretch`) while the cross line size isn't known. Otherwise it would stretch to the container, breaking various WPT and possibly websites.
```html
<!DOCTYPE html>
<style>
.container { display: flex; flex-flow: column wrap; width: 100px; height: 100px; border: solid; align-content: start }
.container > div { align-self: stretch; background: cyan }
.container > div > canvas { display: block; width: 100% }
</style>
<div class="container">
<div style="width: auto">
<canvas width="50" height="50"></canvas>
</div>
</div>
<div class="container">
<div style="width: stretch">
<canvas width="50" height="50"></canvas>
</div>
</div>
```
| Blink, Servo |
| - |
| <img width="118" height="225" src="https://github.com/user-attachments/assets/dd996e82-2c14-4fd3-8910-4d3ece76bd90" /> |
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11784#issuecomment-3170659346 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 9 August 2025 12:04:04 UTC