Skip to content

Commit 1874f83

Browse files
committed
[css-grid] Exclude items whose size depends on an intrinsically-sized track from baseline alignment, because that creates a cyclic dependency. Fixes #1365
1 parent ff61a2d commit 1874f83

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

css-grid-1/Overview.bs

+16
Original file line numberDiff line numberDiff line change
@@ -3314,6 +3314,11 @@ Row-axis Alignment: the 'justify-self' and 'justify-items' properties</h3>
33143314
and so the 'justify-*' properties align the <a>grid items</a> horizontally.
33153315
</div>
33163316

3317+
If <a>baseline alignment</a> is specified on a <a>grid item</a>
3318+
whose size depends on the size of an intrinsically-sized track
3319+
(whose size is therefore dependent on the item's size, creating a cyclic dependency),
3320+
that item does not participate in baseline alignment,
3321+
and instead uses its <a>fallback alignment</a>.
33173322

33183323
<h3 id='column-align'>
33193324
Column-axis Alignment: the 'align-self' and 'align-items' properties</h3>
@@ -3324,6 +3329,12 @@ Column-axis Alignment: the 'align-self' and 'align-items' properties</h3>
33243329
or 'align-items' property on the <a>grid container</a>,
33253330
as defined in [[!CSS-ALIGN-3]].
33263331

3332+
If <a>baseline alignment</a> is specified on a <a>grid item</a>
3333+
whose size depends on the size of an intrinsically-sized track
3334+
(whose size is therefore dependent on the item's size, creating a cyclic dependency),
3335+
that item does not participate in baseline alignment,
3336+
and instead uses its <a>fallback alignment</a>.
3337+
33273338
<h3 id='grid-align'>
33283339
Aligning the Grid: the 'justify-content' and 'align-content' properties</h3>
33293340

@@ -3714,6 +3725,11 @@ Resolve Intrinsic Track Sizes</h3>
37143725
but they live in separate <a>baseline-sharing groups</a>.
37153726
[[CSS-ALIGN-3]]
37163727

3728+
Note: Since <a>grid items</a> whose own size
3729+
depends on the size of an intrinsically-sized track
3730+
<a href="#row-align">do not participate in baseline alignment</a>,
3731+
they are not shimmed.
3732+
37173733
<li>
37183734
<strong>Size tracks to fit non-spanning items:</strong>
37193735
For each track with an intrinsic <a>track sizing function</a>,

0 commit comments

Comments
 (0)