Skip to content

Commit c388746

Browse files
committed
[css-grid] Update issue on grid-auto-flow: none
1 parent ce27a97 commit c388746

2 files changed

Lines changed: 19 additions & 19 deletions

File tree

css-grid/Overview.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -783,10 +783,10 @@ <h3 data-level=4.1 id=abspos-items><span class=secno>4.1 </span><span class=cont
783783

784784

785785
<h3 data-level=4.2 id=order-property><span class=secno>4.2 </span><span class=content>
786-
Reordered Grid Items: the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a> property</span><a class=section-link href=#order-property>§</a></h3>
786+
Reordered Grid Items: the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a> property</span><a class=section-link href=#order-property>§</a></h3>
787787

788788
<p>
789-
The <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a> property also applies to <a href=#grid-item>grid items</a>.
789+
The <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a> property also applies to <a href=#grid-item>grid items</a>.
790790
It affects their <a href=#grid-auto-flow-property>auto-placement</a> and <a href=#z-order>painting order</a>.
791791

792792

@@ -1443,14 +1443,14 @@ <h3 data-level=6.2 id=grid-auto-flow-property><span class=secno>6.2 </span><span
14431443
<p class=note> Note: A future level of this module is expected to add a value that flows auto-positioned items together into a single “default” cell.
14441444

14451445
<p class=issue>
1446-
IE compat apparently requires the <a data-link-for=grid-auto-flow data-link-type=value href=#valuedef-none>none</a> value,
1447-
but it's not a very good value.
1448-
Can we perhaps just have that be an IE-specific value set in the UA stylesheet?
1449-
Change our value to <span class=css data-link-type=maybe>stack</span>
1450-
and let <a class=property data-link-type=propdesc href=#propdef-grid-auto-position title=grid-auto-position>grid-auto-position</a> accept <code>rows | columns</code> instead to mean "use the auto-placement algorithm".
1446+
Win8 compat might require the <a data-link-for=grid-auto-flow data-link-type=value href=#valuedef-none>none</a> value to stay the initial value,
1447+
but it's not a very good value,
1448+
because by default the entire contents of a grid container will end up stacked on top of each other.
1449+
See <a href=http://lists.w3.org/Archives/Public/www-archive/2013Aug/0024.html>proposals to address this</a>
1450+
while addressing use cases and back-compat.
14511451

14521452
<p>
1453-
Auto-placement takes <a href=#grid-item>grid items</a> in <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified document order.
1453+
Auto-placement takes <a href=#grid-item>grid items</a> in <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified document order.
14541454

14551455
<div class=example>
14561456
<p>
@@ -1636,7 +1636,7 @@ <h2 data-level=7 id=placement><span class=secno>7 </span><span class=content>
16361636
Placing Grid Items</span><a class=section-link href=#placement>§</a></h2>
16371637

16381638
<p class=issue>
1639-
Put in "common uses" section, like <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#flex title=flex>flex</a> has, to describe what you would use <a class=property data-link-type=propdesc href=#propdef-grid-area title=grid-area>grid-area</a> for, etc.
1639+
Put in "common uses" section, like <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-flex title=flex>flex</a> has, to describe what you would use <a class=property data-link-type=propdesc href=#propdef-grid-area title=grid-area>grid-area</a> for, etc.
16401640

16411641
<h3 data-level=7.1 id=line-placement><span class=secno>7.1 </span><span class=content>
16421642
Line-based Placement: the <a class=property data-link-type=propdesc href=#propdef-grid-row-start title=grid-row-start>grid-row-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-column-start title=grid-column-start>grid-column-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-row-end title=grid-row-end>grid-row-end</a>, and <a class=property data-link-type=propdesc href=#propdef-grid-column-end title=grid-column-end>grid-column-end</a> properties</span><a class=section-link href=#line-placement>§</a></h3>
@@ -1964,7 +1964,7 @@ <h3 data-level=8.4 id=z-order><span class=secno>8.4 </span><span class=content>
19641964
When <a href=#grid-item>grid items</a> overlap,
19651965
the <a href=http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-position-3/#z-index title=z-index>z-index</a></a> property provides control over the drawing order of <a href=#grid-item>grid items</a>.
19661966
<a href=#grid-item>Grid items</a> paint <a href=http://www.w3.org/TR/css3-flexbox/#painting>exactly the same as flex items</a> <a data-biblio-type=normative data-link-type=biblio href=#css3-flexbox title=CSS3-FLEXBOX>[CSS3-FLEXBOX]</a>:
1967-
they use <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified document order,
1967+
they use <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified document order,
19681968
and <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-position-3/#z-index title=z-index>z-index</a> values other than <a data-link-for=z-index data-link-type=value>auto</a> create a stacking context even if <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-position-3/#position title=position>position</a> is <span class=css data-link-type=maybe>static</span>.
19691969

19701970
<p class=note>
@@ -2021,13 +2021,13 @@ <h3 data-level=8.5 id=grid-baselines><span class=secno>8.5 </span><span class=co
20212021

20222022
<li>
20232023
Otherwise, if the grid container has at least one <a href=#grid-item>grid item</a> whose area intersects the first row/column,
2024-
and the first such <a href=#grid-item>grid item</a> (in <a href=#order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified grid order</a>) has a baseline
2024+
and the first such <a href=#grid-item>grid item</a> (in <a href=#order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified grid order</a>) has a baseline
20252025
parallel to the relevant axis,
20262026
the grid container's baseline is that baseline.
20272027

20282028
<li>
20292029
Otherwise, the grid container's baseline is <a href=http://www.w3.org/TR/css3-writing-modes/#inline-alignment>synthesized</a>
2030-
from the first item's (in <a href=#order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified grid order</a>) content box,
2030+
from the first item's (in <a href=#order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified grid order</a>) content box,
20312031
or, failing that, from the grid container's content box.
20322032
</ol>
20332033

@@ -2037,12 +2037,12 @@ <h3 data-level=8.5 id=grid-baselines><span class=secno>8.5 </span><span class=co
20372037
and its inline axis is parallel to that dimension.
20382038

20392039
<p>
2040-
<dfn data-dfn-type=dfn data-export="" id=order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified grid order</dfn> is the order in which
2040+
<dfn data-dfn-type=dfn data-export="" id=order-modified-grid-order><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified grid order</dfn> is the order in which
20412041
<a href=#grid-item>grid items</a> are encountered when traversing the grid's <a href=#grid-cell>grid cells</a>,
20422042
in row-major order if calculating the inline-axis baseline,
20432043
or in column-major order if calculating the block-axis baseline.
20442044
If two items are encountered at the same time,
2045-
they are taken in <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#order title=order>order</a>-modified document order.
2045+
they are taken in <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-flexbox-1/#propdef-order title=order>order</a>-modified document order.
20462046

20472047
<p>
20482048
When calculating the baseline according to the above rules,

css-grid/Overview.src.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1434,11 +1434,11 @@ <h3 id="grid-auto-flow-property">
14341434
Note: A future level of this module is expected to add a value that flows auto-positioned items together into a single “default” cell.
14351435

14361436
<p class='issue'>
1437-
IE compat apparently requires the <a value for=grid-auto-flow>none</a> value,
1438-
but it's not a very good value.
1439-
Can we perhaps just have that be an IE-specific value set in the UA stylesheet?
1440-
Change our value to ''stack''
1441-
and let 'grid-auto-position' accept <code>rows | columns</code> instead to mean "use the auto-placement algorithm".
1437+
Win8 compat might require the <a value for=grid-auto-flow>none</a> value to stay the initial value,
1438+
but it's not a very good value,
1439+
because by default the entire contents of a grid container will end up stacked on top of each other.
1440+
See <a href="http://lists.w3.org/Archives/Public/www-archive/2013Aug/0024.html">proposals to address this</a>
1441+
while addressing use cases and back-compat.
14421442

14431443
<p>
14441444
Auto-placement takes <a>grid items</a> in 'order'-modified document order.

0 commit comments

Comments
 (0)