Skip to content

Commit

Permalink
[css-grid] Make it clearer that fr units resolved against an indefini…
Browse files Browse the repository at this point in the history
…te grid container count as 'intrinsically-sized', and so trigger baseline-alignment fallback. Fixes #3042.
  • Loading branch information
tabatkins committed Oct 8, 2018
1 parent 63a1d65 commit b86cf52
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions css-grid-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -1788,13 +1788,13 @@ Flexible Lengths: the ''fr'' unit</h4>
so they cannot be represented in or combined with other unit types in ''calc()'' expressions.

<!--
██████ ███████ ██ ██ ████████ ██ ██ ████████ ████████ ████████
██████ ███████ ██ ██ ████████ ██ ██ ████████ ████████ ████████
██ ██ ██ ██ ███ ███ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ████ ████ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ███ ██ ████████ ██ ██ ██ ██████ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ███████ ██ ██ ██ ███████ ██ ████████ ████████
██████ ███████ ██ ██ ██ ███████ ██ ████████ ████████
-->

<h4 id='computed-track-list'>
Expand Down Expand Up @@ -3413,6 +3413,8 @@ Inline-axis Alignment: the 'justify-self' and 'justify-items' properties</h3>
that item does not participate in baseline alignment,
and instead uses its <a>fallback alignment</a>
as if that were originally specified.
For this purpose, <<flex>> track sizes count as “intrinsically-sized”
when the [=grid container=] has an [=indefinite=] size in the relevant axis.

Note: Whether the fallback alignment is used or not
does not change over the course of layout:
Expand All @@ -3434,6 +3436,8 @@ Block-axis Alignment: the 'align-self' and 'align-items' properties</h3>
that item does not participate in baseline alignment,
and instead uses its <a>fallback alignment</a>
as if that were originally specified.
For this purpose, <<flex>> track sizes count as “intrinsically-sized”
when the [=grid container=] has an [=indefinite=] size in the relevant axis.

<h3 id='grid-align'>
Aligning the Grid: the 'justify-content' and 'align-content' properties</h3>
Expand Down

0 comments on commit b86cf52

Please sign in to comment.