@@ -3314,6 +3314,11 @@ Row-axis Alignment: the 'justify-self' and 'justify-items' properties</h3>
3314
3314
and so the 'justify-*' properties align the <a>grid items</a> horizontally.
3315
3315
</div>
3316
3316
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> .
3317
3322
3318
3323
<h3 id='column-align'>
3319
3324
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>
3324
3329
or 'align-items' property on the <a>grid container</a> ,
3325
3330
as defined in [[!CSS-ALIGN-3]] .
3326
3331
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
+
3327
3338
<h3 id='grid-align'>
3328
3339
Aligning the Grid: the 'justify-content' and 'align-content' properties</h3>
3329
3340
@@ -3714,6 +3725,11 @@ Resolve Intrinsic Track Sizes</h3>
3714
3725
but they live in separate <a>baseline-sharing groups</a> .
3715
3726
[[CSS-ALIGN-3]]
3716
3727
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
+
3717
3733
<li>
3718
3734
<strong> Size tracks to fit non-spanning items:</strong>
3719
3735
For each track with an intrinsic <a>track sizing function</a> ,
0 commit comments