Skip to content

Commit 2177130

Browse files
committed
[css-flexbox-1] Clarified that the used cross size of an item is recalculated against the line's used cross size as its available space. #11784
1 parent 4f6d235 commit 2177130

File tree

1 file changed

+15
-11
lines changed

1 file changed

+15
-11
lines changed

css-flexbox-1/Overview.bs

Lines changed: 15 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Former Editor: David Hyatt, formerly of Netscape Corporation, hyatt@apple.com
2222
Ignored Terms: auto, first formatted line, first letter
2323
Ignored Vars: item’s own max-content, maximum min-content among all items
2424
WPT Path Prefix: css/css-flexbox/
25-
WPT Display: open
25+
WPT Display: closed
2626
</pre>
2727

2828
<pre class='link-defaults'>
@@ -3956,15 +3956,14 @@ Cross Size Determination</h3>
39563956

39573957
<li id='algo-stretch'>
39583958
<strong>Determine the used cross size of each flex item.</strong>
3959-
If a flex item has ''align-self: stretch'',
3960-
its computed cross size property is <a value for=width>auto</a>,
3961-
and neither of its cross-axis margins are <a value for=margin>auto</a>,
3962-
the used outer cross size is the used cross size of its flex line,
3963-
clamped according to the item's used min and max [=cross size|cross sizes=].
3959+
If a flex item's [=cross size=] depends on the available space
3960+
in the [=cross axis=],
3961+
recalculate its cross size using the [=flex line's=] [=cross size=]
3962+
(rather than the [=flex container's=]) as the available space.
39643963
Otherwise,
39653964
the used cross size is the item's <a>hypothetical cross size</a>.
39663965

3967-
If the flex item has ''align-self: stretch'',
3966+
If the flex item's [=cross size=] changed as a result,
39683967
redo layout for its contents,
39693968
treating this used size as its definite cross size
39703969
so that percentage-sized children can be resolved.
@@ -3973,9 +3972,8 @@ Cross Size Determination</h3>
39733972
table-as-item-cross-size.html
39743973
</wpt>
39753974

3976-
<p class='note'>
3977-
Note that this step does not affect the <a>main size</a> of the flex item,
3978-
even if it has a [=preferred aspect ratio=].
3975+
Note: This step does not affect the <a>main size</a> of the flex item,
3976+
even if it has a [=preferred aspect ratio=].
39793977
</ol>
39803978

39813979
<wpt>
@@ -5229,8 +5227,14 @@ Changes since the <a href="https://www.w3.org/TR/2025/CRD-css-flexbox-1-20251014
52295227
</h3>
52305228

52315229
<ul>
5232-
<li>Defined the web-compatible intrinsic sizing algo in [[#intrinsic-main-sizes-compat]].
5230+
<li id="change-2025-web-compat-intrinsic">
5231+
Defined the web-compatible intrinsic sizing algo in [[#intrinsic-main-sizes-compat]].
52335232
(<a href="https://github.com/w3c/csswg-drafts/issues/8884#issuecomment-1636311498">Issue 8884</a>)
5233+
5234+
<li id="change-2025-cross-size-recalc">
5235+
Clarified that the used cross size of an item is recalculated
5236+
with the line's cross size as its available space.
5237+
(<a href="https://github.com/w3c/csswg-drafts/issues/11784">Issue 11784</a>)
52345238
</ul>
52355239

52365240
<h3 id="changes-20181119">

0 commit comments

Comments
 (0)