Skip to content

Commit 59ac4c9

Browse files
committed
Added note to flex-order about it not affecting drawing order.
1 parent 99afaee commit 59ac4c9

2 files changed

Lines changed: 6 additions & 2 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -964,7 +964,11 @@ <h3 id=flex-order><span class=secno>3.2. </span> Display Order: the
964964
href="#flexbox-item"><i>flexbox items</i></a> appear. A flexbox will lay
965965
out its content starting from the lowest numbered ordinal group and going
966966
up. Items with the same ordinal group are laid out in the order they
967-
appear in the source document.
967+
appear in the source document. &lsquo;<a href="#flex-order0"><code
968+
class=property>flex-order</code></a>&rsquo; has no effect on
969+
stacking/layering; elements must still be drawn over/under each other
970+
based on document order, &lsquo;<code
971+
class=property>z-index</code>&rsquo;, and other relevant means.
968972

969973
<div class=example>
970974
<p>The following figure shows a simple tabbed interface, where the tab for

css3-flexbox/Overview.src.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -435,7 +435,7 @@ <h3 id='flex-order'>
435435

436436
<p>The 'flex-order' property assigns <i>flexbox items</i> to ordinal groups.</p>
437437

438-
<p>Ordinal groups control the order in which <i>flexbox items</i> appear. A flexbox will lay out its content starting from the lowest numbered ordinal group and going up. Items with the same ordinal group are laid out in the order they appear in the source document.
438+
<p>Ordinal groups control the order in which <i>flexbox items</i> appear. A flexbox will lay out its content starting from the lowest numbered ordinal group and going up. Items with the same ordinal group are laid out in the order they appear in the source document. 'flex-order' has no effect on stacking/layering; elements must still be drawn over/under each other based on document order, 'z-index', and other relevant means.</p>
439439

440440
<div class='example'>
441441
<p>The following figure shows a simple tabbed interface, where the tab for the active pane is always in front:</p>

0 commit comments

Comments
 (0)