@@ -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'>
33193324Column-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'>
33283339Aligning 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