[csswg-drafts] [css-flexbox] Change content-size suggestion to min-intrinsic instead of min-content? (#6794)

davidsgrogan has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-flexbox] Change content-size suggestion to min-intrinsic instead of min-content? ==
https://drafts.csswg.org/css-flexbox/#min-size-auto

This issue stems from discussion about an interop problem in https://github.com/web-platform-tests/wpt/commit/21a7c47ad593720b0fed693390884bf8570a8d0c . 

The idea of changing content-size suggestion to min-intrinsic[1] that @bfgeek floated In https://github.com/w3c/csswg-drafts/issues/5032#issuecomment-644517090 is related.

In the example below, the spec dictates a final height of the flex item of `50px`. But when the same element is a block box it has height `100px`.

Of course a flex item can have a different size than an otherwise-identical block box because the whole point of a flex container is that it flexes the items. But this item is **not** flexed, and it's still a different size. That seems weird.

Is it problematic that these green boxes are different sizes? If not a problem, then maybe we just close this issue and discard the idea of making content-size suggestion = min-intrinsic.

But if we do want those boxes to be the same height (a la Firefox), we could:
1. change content-size suggestion to be min-intrinsic instead of min-content
2. change specified size suggestion to only account for computed main size properties, not preferred sizes that come from the aspect-ratio

Or, do whatever Firefox is doing, which is probably not those.

```html
<div style="display: flex; flex-direction: column">
  <!-- Chrome and spec say final height is 50px. Firefox says 100px. -->
  <div style="background: green; width: 100px; aspect-ratio: 2/1; ">
    <div style="height: 100px;"></div>
  </div>
</div>

<!-- Everyone agrees final height is 100px -->
<div style="background: green; width: 100px; aspect-ratio: 2/1; ">
  <div style="height: 100px;"></div>
</div>
```
https://jsfiddle.net/aethanyc/pfno52L9/

[1] or whatever the name is, vis-a-vis https://github.com/w3c/csswg-drafts/issues/5305

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6794 using your GitHub account


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

Received on Thursday, 4 November 2021 02:31:41 UTC