@@ -2803,21 +2803,10 @@ Cross-Axis Alignment</h3>
2803
2803
if neither of the item's cross-axis margins are <a value for=margin>auto</a> .
2804
2804
2805
2805
<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=] .
2821
2810
2822
2811
<li id='algo-line-align'>
2823
2812
<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/
3732
3721
by performing layout <ins> as if it were an [=in-flow=] [=block-level box=]
3733
3722
with the used <a>main size</a> and the <ins> given</ins> available space …
3734
3723
</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>
3735
3753
</ul>
3736
3754
3737
3755
<h3 id="changes-20171016">
0 commit comments