Skip to content

Commit 2d39813

Browse files
committed
[css-grid] Tweak baseline cyclic case wording, update changes list.
1 parent f536a96 commit 2d39813

1 file changed

Lines changed: 52 additions & 8 deletions

File tree

css-grid-1/Overview.bs

Lines changed: 52 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3315,8 +3315,9 @@ Row-axis Alignment: the 'justify-self' and 'justify-items' properties</h3>
33153315
</div>
33163316

33173317
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),
3318+
whose size in that axis depends on the size of an intrinsically-sized track
3319+
(whose size is therefore dependent on both the item's size and baseline alignment,
3320+
creating a cyclic dependency),
33203321
that item does not participate in baseline alignment,
33213322
and instead uses its <a>fallback alignment</a>.
33223323

@@ -3330,8 +3331,9 @@ Column-axis Alignment: the 'align-self' and 'align-items' properties</h3>
33303331
as defined in [[!CSS-ALIGN-3]].
33313332

33323333
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),
3334+
whose size in that axis depends on the size of an intrinsically-sized track
3335+
(whose size is therefore dependent on both the item's size and baseline alignment,
3336+
creating a cyclic dependency),
33353337
that item does not participate in baseline alignment,
33363338
and instead uses its <a>fallback alignment</a>.
33373339

@@ -4240,10 +4242,6 @@ Changes since the <a href="https://www.w3.org/TR/2016/CR-css-grid-1-20160929/">2
42404242

42414243
A <a href="https://drafts.csswg.org/css-grid-1/issues-cr-2016">Disposition of Comments</a> is also available.
42424244

4243-
There remains an open issue on
4244-
<a href="https://drafts.csswg.org/css-grid-1/issues-cr-2016#issue-15">percentages inside shrink-wrapped grid containers</a>
4245-
at the time of publication.
4246-
42474245
<h4 id="major-2016">
42484246
Major Changes</h4>
42494247

@@ -4366,6 +4364,52 @@ Significant Adjustments and Fixes</h4>
43664364
</ins>
43674365
</blockquote>
43684366

4367+
<li id="change-2016-baseline-algo">
4368+
Better integrated <a>baseline alignment</a> of grid items
4369+
into the track sizing algorithm;
4370+
excluded cyclic cases from participating.
4371+
(<a href="https://github.com/w3c/csswg-drafts/issues/1039">Issue 1039</a>,
4372+
<a href="https://github.com/w3c/csswg-drafts/issues/1365">Issue 1365</a>,)
4373+
<blockquote>
4374+
<ins>
4375+
<p>If <a>baseline alignment</a> is specified on a <a>grid item</a>
4376+
whose size in that axis depends on the size of an intrinsically-sized track
4377+
(whose size is therefore dependent on both the item's size and baseline alignment,
4378+
creating a cyclic dependency),
4379+
that item does not participate in baseline alignment,
4380+
and instead uses its <a>fallback alignment</a>.</p>
4381+
</ins>
4382+
</blockquote>
4383+
<blockquote>
4384+
<ins>
4385+
<p><strong>Shim baseline-aligned items
4386+
so their intrinsic size contributions reflect their baseline alignment.</strong>
4387+
For the items in each <a>baseline-sharing group</a>,
4388+
add a “shim” (effectively, additional margin)
4389+
on the start/end side (for first/last-baseline alignment)
4390+
of each item
4391+
so that,
4392+
when start/end-aligned together
4393+
their [[css-align-3#baseline-values|baselines align as specified]].
4394+
4395+
Consider these “shims” as part of the items’ intrinsic size contribution
4396+
for the purpose of track sizing, below.
4397+
If an item uses multiple intrinsic size contributions,
4398+
it can have different shims for each one.
4399+
4400+
Note: Note that both [[css-align-3#baseline-align-self|baseline self-aligned]]
4401+
and [[css-align-3#baseline-align-content|baseline content-aligned]] items
4402+
are considered in this step,
4403+
but they live in separate <a>baseline-sharing groups</a>.
4404+
[[CSS-ALIGN-3]]
4405+
4406+
Note: Since <a>grid items</a> whose own size
4407+
depends on the size of an intrinsically-sized track
4408+
<a href="#row-align">do not participate in baseline alignment</a>,
4409+
they are not shimmed.
4410+
</ins>
4411+
</blockquote>
4412+
43694413
<li id="change-2016-auto-min-fixed-tracks">
43704414
Adjusted <a href="#min-size-auto">automatic minimum size</a> of grid items
43714415
to only trigger when spanning ''grid-template-columns/auto'' tracks

0 commit comments

Comments
 (0)