Closed
Description
Here:
https://drafts.csswg.org/css-flexbox/#algo-main-item
The cross axis max-size is not taken into account. That differs from the min-size calculation here:
https://drafts.csswg.org/css-flexbox/#min-size-auto
This leads to unfortunate outcomes, e.g.:
<div style="display: flex; flex-direction: column; width: 10px;">
<img src="10x10.png" style="max-width: 5px">
</div>
Now, the algorithm will compute a height of 10px, but the width is limited to 5px, and the image is distorted.