Skip to content

Commit 7550131

Browse files
committed
[css-grid][css-flexbox] Move mention of order-modified order to preceding notes, harmonize how they talk about anonymous item generation.
1 parent 4040ba7 commit 7550131

2 files changed

Lines changed: 12 additions & 26 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2232,25 +2232,16 @@ Flex Layout Algorithm</h2>
22322232

22332233
The following sections define the algorithm for laying out a flex container and its contents.
22342234

2235+
Note: Flex layout works with the <a>flex items</a> in <a>order-modified document order</a>,
2236+
not their original document order.
2237+
22352238
<h3 id='box-manip'>
22362239
Initial Setup</h3>
22372240

2238-
<ol start=0>
2241+
<ol start=1>
22392242
<li id='algo-anon-box'>
22402243
<strong>Generate anonymous flex items</strong>
2241-
as described in the <a href="#flex-items">Flex Items</a> section.
2242-
2243-
<li id='algo-flex-order'>
2244-
<strong>Re-order the flex items (and any absolutely positioned flex container children) according to their 'order'.</strong>
2245-
The flex items with the lowest (most negative) 'order' values are first in the ordering.
2246-
If multiple flex items share an 'order' value,
2247-
they're ordered by document order.
2248-
This effectively changes the order of their boxes in the box-tree,
2249-
and how the rest of this algorithm deals with the generated flex items.
2250-
2251-
Note: Absolutely-positioned children of a flex container
2252-
do not participate in flex layout,
2253-
but are reordered together with any <a>flex item</a> children.
2244+
as described in [[#flex-items]].
22542245
</ol>
22552246

22562247
<h3 id='line-sizing'>

css-grid/Overview.bs

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2910,18 +2910,13 @@ Grid Item Placement Algorithm</h3>
29102910
If it is instead set to ''grid-auto-flow/column'',
29112911
swap all mentions of rows and columns, inline and block, etc. in this algorithm.
29122912

2913-
0. <strong>Re-order the grid items
2914-
(and any absolutely-positioned grid container children)
2915-
according to their 'order'.</strong>
2916-
The grid items with the lowest (most negative) 'order' values are first in the ordering.
2917-
If multiple grid items share an 'order' value,
2918-
they're ordered by document order.
2919-
This effectively changes the order of their boxes in the box-tree,
2920-
and how the rest of this algorithm deals with the generated grid items.
2921-
2922-
Note: Absolutely-positioned children of a grid container
2923-
do not participate in grid layout,
2924-
but are reordered together with any <a>grid item</a> children.
2913+
Note: The <a>auto-placement algorithm</a> works with the <a>grid items</a> in <a>order-modified grid order</a>,
2914+
not their original document order.
2915+
2916+
0. <strong>Generate anonymous grid items</strong>
2917+
as described in [[#grid-items]].
2918+
(Anonymous <a>grid items</a> are always auto-placed,
2919+
since their boxes can't have any <a>grid-placement properties</a> specified.)
29252920

29262921
1. <strong>Position anything that's not auto-positioned.</strong>
29272922

0 commit comments

Comments
 (0)