Skip to content

Commit e2d49c4

Browse files
committed
[css-flexbox] Use synthesized border-box baseline for flex items without a natural baseline in the right axis. <w3c#373> per WG resolution <https://lists.w3.org/Archives/Public/www-style/2016Sep/0000.html>
1 parent 829524b commit e2d49c4

1 file changed

Lines changed: 30 additions & 8 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 30 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2007,16 +2007,14 @@ Cross-axis Alignment: the 'align-items' and 'align-self' properties</h3>
20072007

20082008
<dt><dfn>baseline</dfn>
20092009
<dd>
2010-
If the <a>flex item</a> has no <a>natural baselines</a> in its <a>main axis</a>,
2011-
this value is identical to ''align-self/flex-start''.
2012-
2013-
Otherwise,
2014-
it <dfn dfn id='baseline-participation'>participates in baseline alignment</dfn>:
2010+
The <a>flex item</a> <dfn dfn id='baseline-participation'>participates in baseline alignment</dfn>:
20152011
all participating <a>flex items</a> on the line
20162012
are aligned such that their baselines align,
20172013
and the item with the largest distance between its baseline and its <a>cross-start</a> margin edge
20182014
is placed flush against the <a>cross-start</a> edge of the line.
2019-
2015+
If the item does not have a baseline in the necessary axis,
2016+
then one is <a lt="synthesize baseline">synthesized</a>
2017+
from the <a>flex item</a>’s border box.
20202018

20212019
<dt><dfn>stretch</dfn>
20222020
<dd>
@@ -2165,6 +2163,10 @@ Flex Container Baselines</h3>
21652163
lt="main-axis baseline set|first main-axis baseline set|last main-axis baseline set">
21662164
main-axis baseline set</dfn>
21672165
<dd>
2166+
When the <a>inline axis</a> of the <a>flex container</a>
2167+
matches its <a>main axis</a>,
2168+
its baselines are determined as follows:
2169+
21682170
1. If any of the <a>flex items</a> on the flex container's first/last <a>flex line</a>
21692171
<a href="#baseline-participation">participate in baseline alignment</a>,
21702172
the flex container's first/last <a>main-axis baseline set</a>
@@ -2181,7 +2183,7 @@ Flex Container Baselines</h3>
21812183
3. Otherwise, the flex container has no natural first/last main-axis <a>baseline set</a>,
21822184
and a synthesized first/last <a>baseline set</a>, if needed,
21832185
is <a lt="synthesize baselines">synthesized</a>
2184-
from the first/last item's content box,
2186+
from the first/last item's border box,
21852187
or, failing that, from the flex container's content box.
21862188

21872189
<!--
@@ -2195,6 +2197,10 @@ Flex Container Baselines</h3>
21952197
lt="cross-axis baseline set|first cross-axis baseline set|last cross-axis baseline set">
21962198
cross-axis baseline set</dfn>
21972199
<dd>
2200+
When the <a>inline axis</a> of the <a>flex container</a>
2201+
matches its <a>cross axis</a>,
2202+
its baselines are determined as follows:
2203+
21982204
1. If the flex container has at least one <a>flex item</a>,
21992205
and its first/last <a>flex item</a> has a first/last <a>baseline set</a>
22002206
parallel to the flex container's <a>cross axis</a>,
@@ -2204,7 +2210,7 @@ Flex Container Baselines</h3>
22042210
2. Otherwise, the flex container has no natural cross-axis <a>baseline set</a>,
22052211
and a synthesized first/last <a>baseline set</a>, if needed,
22062212
is <a lt="synthesize baselines">synthesized</a>
2207-
from the first/last item's content box,
2213+
from the first/last item's border box,
22082214
or, failing that, from the flex container's content box.
22092215
</dl>
22102216

@@ -3370,6 +3376,22 @@ Boris Zbarsky.
33703376

33713377
This section documents the changes since previous publications.
33723378

3379+
<h3 id="changes-20160301">
3380+
Changes since the 26 May 2016 CR</h3>
3381+
3382+
http://www.w3.org/TR/2016/CR-css-flexbox-1-20160526/
3383+
3384+
A <a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-20160526">Disposition of Comments</a> is also available.
3385+
3386+
<h4 id="change-201603-substantive">
3387+
Substantive Changes and Bugfixes</h4>
3388+
3389+
<ul>
3390+
<li id="change-2016-baseline-alignment">
3391+
Change <a>flex items</a> in orthogonal flows and <a>flex items<a> without a baseline
3392+
to both synthesize their alignment baseline from the <a>flex item</a>’s border box.
3393+
</ul>
3394+
33733395
<h3 id="changes-20160301">
33743396
Changes since the 1 March 2016 CR</h3>
33753397

0 commit comments

Comments
 (0)