- From: Christian Biesinger via GitHub <sysbot+gh@w3.org>
- Date: Wed, 03 Mar 2021 17:25:12 +0000
- To: public-css-archive@w3.org
cbiesinger has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-flexbox] [css-sizing-4] Interaction of flexbox minimum height and aspect-ratio minimum height ==
https://drafts.csswg.org/css-flexbox/#min-size-auto
https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum
If an item has an aspect ratio and is a flex item, both specs impose a minimum size on a flex item. Consider:
```html
<div style="display: flex; flex-direction: column; width: 100px;">
<div style="aspect-ratio: 1/1">
<div style="height: 500px;"></div>
</div>
</div>
```
In this case, the flex item has two constraints:
- Flexbox's automatic minimum size gives it a minimum height of 100px (the transferred size), because it uses the minimum of the content-based size and transferred size.
- aspect-ratio's minimum size gives it a min-height of 500px
What should the used minimum size be? max(100px, 500px)? Or should the flexbox one "override" the aspect-ratio one?
https://github.com/web-platform-tests/wpt/blob/master/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html relies on the latter interpretation.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6069 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 3 March 2021 17:25:14 UTC