Skip to content

Commit dbc8f6d

Browse files
committed
[css-flexbox] Rewrote container cross-sizing to be generic to the formatting context, rather than assuming block layout. #5190.
1 parent ab0e4fe commit dbc8f6d

File tree

1 file changed

+33
-15
lines changed

1 file changed

+33
-15
lines changed

css-flexbox-1/Overview.bs

+33-15
Original file line numberDiff line numberDiff line change
@@ -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 &hellip;
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

Comments
 (0)