8000 [css-flexbox] Upgrade baselines section to deal with baseline sets an… · w3c/csswg-drafts@c1d0890 · GitHub
Skip to content

Commit c1d0890

Browse files
fantasaifantasai
committed
[css-flexbox] Upgrade baselines 8000 section to deal with baseline sets and last-baseline alignment.
1 parent dc1856a commit c1d0890

2 files changed

Lines changed: 32 additions & 17 deletions

File tree

‎css-flexbox/Overview.bs‎

Lines changed: 31 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2158,28 +2158,35 @@ Packing Flex Lines: the 'align-content' property</h3>
21582158
-->
21592159

21602160
<h3 id="flex-baselines">
2161-
Flex Baselines</h3>
2161+
Flex Container Baselines</h3>
21622162

21632163
In order for a <a>flex container</a> to itself <a href="#baseline-participation">participate in baseline alignment</a>
21642164
(e.g. when the <a>flex container</a> is itself a <a>flex item</a> in an outer <a>flex container</a>),
2165-
it needs to submit the position of the baseline that will best represent its contents.
2165+
it needs to submit the position of the baselines that will best represent its contents.
21662166
To this end,
21672167
the baselines of a flex container are determined as follows (after reordering with 'order'):
21682168

21692169
<dl>
2170-
<dt><dfn export>main-axis baseline</dfn>
2170+
<dt>first/last <dfn export id="main-axis-baseline"
2171+
lt="main-axis baseline set|first main-axis baseline set|last main-axis baseline set">
2172+
main-axis baseline set</dfn>
21712173
<dd>
2172-
1. If any of the <a>flex items</a> on the flex container's first line
2174+
1. If any of the <a>flex items</a> on the flex container's first/last <a>flex line</a>
21732175
<a href="#baseline-participation">participate in baseline alignment</a>,
2174-
the flex container's <a>main-axis baseline</a> is the baseline of those <a>flex items</a>.
2176+
the flex container's first/last <a>main-axis baseline set</a>
2177+
is <a lt="generate baselines">generated</a> from
2178+
the shared <a>alignment baseline</a> of those <a>flex items</a>.
21752179

21762180
2. Otherwise, if the flex container has at least one <a>flex item</a>,
2177-
and its first <a>flex item</a> has a baseline
2181+
and its first/last <a>flex item</a> has a baseline
21782182
parallel to the flex container's <a>main axis</a>,
2179-
the flex container's <a>main-axis baseline</a> is that baseline.
2183+
the flex container's first/last <a>main-axis baseline set</a>
2184+
is a lt="generate baselines">generated</a> from
2185+
its <a>alignment baseline</a>.
21802186

2181-
3. Otherwise, the flex container's <a>main-axis baseline</a> is <a href="https://www.w3.org/TR/css3-writing-modes/#inline-alignment">synthesized</a>
2182-
from the first item's content box,
2187+
3. Otherwise, the flex container's first/last <a>main-axis baseline set</a>
2188+
is <a lt="synthesize baselines">synthesized</a>
2189+
from the first/last item's content box,
21832190
or, failing that, from the flex container's content box.
21842191

21852192
<!--
@@ -2189,15 +2196,19 @@ Flex Baselines</h3>
21892196
you don't suddenly jump outside the content box when you delete the last bit of content.
21902197
-->
21912198

2192-
<dt><dfn export>cross-axis baseline</dfn>
2199+
<dt>first/last <dfn export id="cross-axis-baseline"
2200+
lt="cross-axis baseline set|first cross-axis baseline set|last cross-axis baseline set">
2201+
cross-axis baseline set</dfn>
21932202
<dd>
21942203
1. If the flex container has at least one <a>flex item</a>,
2195-
and its first <a>flex item</a> has a baseline
2204+
and its first/last <a>flex item</a> has a first/last <a>baseline set</a>
21962205
parallel to the flex container's <a>cross axis</a>,
2197-
the flex container's <a>cross-axis baseline</a> is that baseline.
2206+
the flex container's first/last <a>cross-axis baseline set</a>
2207+
is that baseline set.
21982208

2199-
2. Otherwise, the flex container's <a>cross-axis baseline</a> is <a href="https://www.w3.org/TR/css3-writing-modes/#inline-alignment">synthesized</a>
2200-
from the first item's content box,
2209+
2. Otherwise, the flex container's <a>cross-axis baseline set</a>
2210+
is <a lt="synthesize baselines">synthesized</a>
2211+
from the first/last item's content box,
22012212
or, failing that, from the flex container's content box.
22022213
</dl>
22032214

@@ -3397,8 +3408,12 @@ Substantive Changes and Bugfixes</h4>
33973408
instead of defining them inline in this module.
33983409
(<a href="https://drafts.csswg.org/css-flexbox/issues-cr-20160301#issue-10">Issue 10</a>)
33993410
<li id="change-2016-abspos-no-order">
3400-
Abspos children of a flexbox no longer respond to the 'order' property,
3401-
per WG resolution.
3411+
Abspos children of a flexbox no longer respond to the 'order' property.
3412+
(<a href="https://drafts.csswg.org/css-flexbox/issues-cr-20160301#issue-12">Issue 13</a>))
3413+
<li id="change-2016-baseline-sets">
3414+
Updated <a href="#flex-baselines"></a>
3415+
to account for <a>baseline sets</a> and <a>last-baseline alignment</a>.
3416+
(<a href="https://drafts.csswg.org/css-flexbox/issues-cr-20160301#issue-12">Issue 13</a>))
34023417
</ul>
34033418

34043419
<h4 id="change-201604-clarify">

‎css-flexbox/issues-cr-20160301.bsi‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ Resolved: https://lists.w3.org/Archives/Public/www-style/2016Apr/0351.html
111111
Issue 13.
112112
Summary: Sync baselines section with Box Alignment
113113
From: fantasai
114-
Open: =TF= Edit
114+
Closed: Accepted
115115
Resolved: Bugfix
116116
----
117117
Issue 14.

0 commit comments

Comments
 (0)