@@ -2803,21 +2803,10 @@ Cross-Axis Alignment</h3>
28032803 if neither of the item's cross-axis margins are <a value for=margin>auto</a> .
28042804
28052805 <li id='algo-cross-container'>
2806- <strong> Determine the flex container's used cross size:</strong>
2807-
2808- <ul>
2809- <li>
2810- If the cross size property is a <a>definite</a> size,
2811- use that,
2812- clamped by the used min and max <a>cross sizes</a>
2813- of the <a>flex container</a> .
2814-
2815- <li>
2816- Otherwise,
2817- use the sum of the flex lines' cross sizes,
2818- clamped by the used min and max <a>cross sizes</a>
2819- of the <a>flex container</a> .
2820- </ul>
2806+ <strong> Determine the flex container's used cross size</strong>
2807+ using the rules of the [=formatting context=] in which it participates.
2808+ If a content-based [=cross size=] is needed,
2809+ use the sum of the [=flex lines=] ' [=cross sizes=] .
28212810
28222811 <li id='algo-line-align'>
28232812 <strong> Align all flex lines</strong> per 'align-content' .
@@ -3732,6 +3721,35 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
37323721 by performing layout <ins> as if it were an [=in-flow=] [=block-level box=]
37333722 with the used <a>main size</a> and the <ins> given</ins> available space …
37343723 </blockquote>
3724+
3725+ <li id="change-2018-cross-sizing">
3726+ Rewrote flex-contain cross-sizing step
3727+ to depend on the rules of whatever formatting context it's in,
3728+ rather than assuming block-layout rules.
3729+ (<a href="https://github.com/w3c/csswg-drafts/issues/5190">Issue 5190</a> )
3730+
3731+ <blockquote>
3732+ <strong> Determine the flex container's used cross size</strong>
3733+ <ins> using the rules of the [=formatting context=] in which it participates.
3734+ If a content-based [=cross size=] is needed,
3735+ use the sum of the [=flex lines=] ' [=cross sizes=] .</ins>
3736+
3737+ <del>
3738+ <ul>
3739+ <li>
3740+ If the cross size property is a <a>definite</a> size,
3741+ use that,
3742+ clamped by the used min and max <a>cross sizes</a>
3743+ of the <a>flex container</a> .
3744+
3745+ <li>
3746+ Otherwise,
3747+ use the sum of the flex lines' cross sizes,
3748+ clamped by the used min and max <a>cross sizes</a>
3749+ of the <a>flex container</a> .
3750+ </ul>
3751+ </del>
3752+ </blockquote>
37353753 </ul>
37363754
37373755<h3 id="changes-20171016">
0 commit comments