Skip to content

Commit 620eb8c

Browse files
committed
[css-flexbox] Talk about startmost/endmost, and explicitly ref flex-direction, so you get the visually-correct baseline.
1 parent b418ebd commit 620eb8c

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2178,7 +2178,9 @@ Flex Container Baselines</h3>
21782178
(e.g. when the <a>flex container</a> is itself a <a>flex item</a> in an outer <a>flex container</a>),
21792179
it needs to submit the position of the baselines that will best represent its contents.
21802180
To this end,
2181-
the baselines of a flex container are determined as follows (after reordering with 'order'):
2181+
the baselines of a flex container are determined as follows
2182+
(after reordering with 'order',
2183+
and taking 'flex-direction' into account):
21822184

21832185
<dl>
21842186
<dt>first/last <dfn export id="main-axis-baseline"
@@ -2189,22 +2191,22 @@ Flex Container Baselines</h3>
21892191
matches its <a>main axis</a>,
21902192
its baselines are determined as follows:
21912193

2192-
1. If any of the <a>flex items</a> on the flex container's first/last <a>flex line</a>
2194+
1. If any of the <a>flex items</a> on the flex container's startmost/endmost <a>flex line</a>
21932195
<a href="#baseline-participation">participate in baseline alignment</a>,
2194-
the flex container's first/last <a>main-axis baseline set</a>
2196+
the flex container's startmost/endmost <a>main-axis baseline set</a>
21952197
is <a lt="generate baselines">generated</a> from
21962198
the shared <a>alignment baseline</a> of those <a>flex items</a>.
21972199

21982200
2. Otherwise, if the flex container has at least one <a>flex item</a>,
2199-
the flex container's first/last <a>main-axis baseline set</a>
2201+
the flex container's startmost/endmost <a>main-axis baseline set</a>
22002202
is <a lt="generate baselines">generated</a> from
22012203
the <a>alignment baseline</a> of the first/last <a>flex item</a>.
22022204
(If that item has no <a>alignment baseline</a>
22032205
parallel to the flex container's <a>main axis</a>,
22042206
then one is first <a lt="synthesized baseline">synthesized</a>
22052207
from its border edges.)
22062208

2207-
3. Otherwise, the flex container has no first/last main-axis <a>baseline set</a>,
2209+
3. Otherwise, the flex container has no startmost/endmost main-axis <a>baseline set</a>,
22082210
and one is <a lt="synthesize baselines">synthesized</a> if needed
22092211
according to the rules of its <a>alignment context</a>.
22102212

0 commit comments

Comments
 (0)