Skip to content

Commit 70d5ad8

Browse files
tabatkinstabatkins
committed
[css-grid] Removed grid-auto-flow:none value, per WG resolution.
1 parent 3a63e77 commit 70d5ad8

2 files changed

Lines changed: 24 additions & 69 deletions

File tree

‎css-grid/Overview.html‎

Lines changed: 20 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1058,27 +1058,6 @@ <h2 id=grid-items><span class=secno>4. </span> Grid Items</h2>
10581058
space</a> is not rendered, as if it were ‘<code
10591059
class=css>display:none</code>’.
10601060

1061-
<div class=issue>
1062-
<p> This will place all of the contents of the grid on top of each other
1063-
in slot 1 1. Alternatives:
1064-
1065-
<ul>
1066-
<li>Turn on auto-positioning by default (see ‘<a
1067-
href="#grid-auto-flow"><code
1068-
class=property>grid-auto-flow</code></a>’).
1069-
1070-
<li>Place all unpositioned elements in the grid into an anonymous grid
1071-
item in slot 1 1.
1072-
1073-
<li>Place all unpositioned elements in the grid into an anonymous grid
1074-
item whose position is given by a "*" template slot, else is in slot 1
1075-
1.
1076-
1077-
<li>Same as the previous, except if there is no "*" template slot,
1078-
auto-position the children.
1079-
</ul>
1080-
</div>
1081-
10821061
<p> A <a href="#grid-item"><i>grid item</i></a> establishes a new
10831062
formatting context for its contents. The type of this formatting context
10841063
is determined by its ‘<code class=property>display</code>’ value, as
@@ -1827,7 +1806,7 @@ <h3 id=grid-template-property><span class=secno>5.3. </span> The ‘<a
18271806
<dt><dfn id=none>‘<code class=css>none</code>’</dfn>
18281807

18291808
<dd> Sets all three properties to their initial values (‘<a
1830-
href="#none0"><code class=css>none</code></a>’).
1809+
href="#none"><code class=css>none</code></a>’).
18311810

18321811
<dt><dfn id=ltgrid-template-columns-ltgrid-template-><var>&lt;‘<code
18331812
class=property>grid-template-columns</code>’></var> / <var>&lt;‘<code
@@ -1839,7 +1818,7 @@ <h3 id=grid-template-property><span class=secno>5.3. </span> The ‘<a
18391818
class=property>grid-template-rows</code></a>’ to the specified values,
18401819
respectively, and sets ‘<a href="#grid-template-areas"><code
18411820
class=property>grid-template-areas</code></a>’ to ‘<a
1842-
href="#none0"><code class=css>none</code></a>’.
1821+
href="#none"><code class=css>none</code></a>’.
18431822
<div class=example>
18441823
<pre>grid-template: auto 1fr auto / auto 1fr;</pre>
18451824

@@ -1860,7 +1839,7 @@ <h3 id=grid-template-property><span class=secno>5.3. </span> The ‘<a
18601839
<ul>
18611840
<li> Sets ‘<a href="#grid-template-columns"><code
18621841
class=property>grid-template-columns</code></a>’ to the track listing
1863-
specified before the slash (or ‘<a href="#none0"><code
1842+
specified before the slash (or ‘<a href="#none"><code
18641843
class=css>none</code></a>’, if not specified).
18651844

18661845
<li> Sets ‘<a href="#grid-template-areas"><code
@@ -2372,12 +2351,12 @@ <h3 id=grid-auto-flow-property><span class=secno>6.3. </span> Automatic
23722351
<tr>
23732352
<td>Value:
23742353

2375-
<td>none | rows | columns
2354+
<td>rows | columns
23762355

23772356
<tr>
23782357
<td>Initial:
23792358

2380-
<td>none
2359+
<td>rows
23812360

23822361
<tr>
23832362
<td>Applies to:
@@ -2405,23 +2384,15 @@ <h3 id=grid-auto-flow-property><span class=secno>6.3. </span> Automatic
24052384
<td>specified value
24062385
</table>
24072386

2408-
<p> <a href="#grid-item"><i>Grid items</i></a> can be automatically placed
2409-
into an unoccupied space in the <a href="#grid-container"><i>grid
2410-
container</i></a>. The ‘<a href="#grid-auto-flow"><code
2411-
class=property>grid-auto-flow</code></a>’ property controls the
2412-
direction in which the search for unoccupied space takes place, and
2413-
whether rows or columns are added as needed to accommodate the content.
2387+
<p> <a href="#grid-item"><i>Grid items</i></a> that aren't explicitly
2388+
placed are are automatically placed into an unoccupied space in the <a
2389+
href="#grid-container"><i>grid container</i></a>. The ‘<a
2390+
href="#grid-auto-flow"><code class=property>grid-auto-flow</code></a>’
2391+
property controls the direction in which the search for unoccupied space
2392+
takes place, and whether rows or columns are added as needed to
2393+
accommodate the content.
24142394

24152395
<dl>
2416-
<dt><dfn id=none0>‘<code class=css>none</code>’</dfn>
2417-
2418-
<dd> The <a href="#grid-area"><i>grid area</i></a> of <a
2419-
href="#grid-item"><i>grid items</i></a> that are auto-placed has its
2420-
start edges set to the first grid line in the relevant dimension, and its
2421-
end edges set according to the amount of span specified on the <a
2422-
href="#grid-item"><i>grid item</i></a> (defaulting to 1 if the item
2423-
doesn't specify any span).
2424-
24252396
<dt><dfn id=rows0>‘<code class=css>rows</code>’</dfn>
24262397

24272398
<dd> The auto-placement algorithm places items by filling each row in
@@ -4072,8 +4043,7 @@ <h2 class=no-num id=index> Index</h2>
40724043
title="section 5.1."><strong>5.1.</strong></a>
40734044

40744045
<li>‘<code class=css>none</code>’, <a href="#none"
4075-
title="section 5.3."><strong>5.3.</strong></a>, <a href="#none0"
4076-
title="section 6.3."><strong>6.3.</strong></a>
4046+
title="section 5.3."><strong>5.3.</strong></a>
40774047

40784048
<li>‘<code class=property>order</code>’, <a href="#order"
40794049
title="section 4.4."><strong>4.4.</strong></a>
@@ -4187,9 +4157,9 @@ <h2 class=no-num id=property-index> Property index</h2>
41874157
<tr>
41884158
<th><a class=property href="#grid-auto-flow">grid-auto-flow</a>
41894159

4190-
<td>none | rows | columns
4160+
<td>rows | columns
41914161

4192-
<td>none
4162+
<td>rows
41934163

41944164
<td>grid containers
41954165

@@ -4398,4 +4368,9 @@ <h2 class=no-num id=changes> Changes</h2>
43984368

43994369
<li>Changed the syntax of <a href="#named-lines">named lines</a> to use
44004370
parentheses and identifiers rather than strings.
4371+
4372+
<li>Removed the ‘<a href="#none"><code class=css>none</code></a>’
4373+
value from ‘<a href="#grid-auto-flow"><code
4374+
class=property>grid-auto-flow</code></a>’, turning auto-placement on by
4375+
default so that grid items by default don't stack on top of each other.
44014376
</ul>

‎css-grid/Overview.src.html‎

Lines changed: 4 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -741,20 +741,6 @@ <h2 id="grid-items">
741741
<a href="http://www.w3.org/TR/CSS21/text.html#white-space-prop">white space</a>
742742
is not rendered, as if it were ''display:none''.
743743

744-
<div class="issue">
745-
<p>
746-
This will place all of the contents of the grid on top of each other in slot 1 1.
747-
Alternatives:
748-
749-
<ul>
750-
<li>Turn on auto-positioning by default (see 'grid-auto-flow').
751-
<li>Place all unpositioned elements in the grid into an anonymous grid item in slot 1 1.
752-
<li>Place all unpositioned elements in the grid into an anonymous grid item whose position is given by a "*" template slot,
753-
else is in slot 1 1.
754-
<li>Same as the previous, except if there is no "*" template slot, auto-position the children.
755-
</ul>
756-
</div>
757-
758744
<p>
759745
A <i>grid item</i> establishes a new formatting context for its contents.
760746
The type of this formatting context is determined by its 'display' value, as usual.
@@ -1820,11 +1806,11 @@ <h3 id="grid-auto-flow-property">
18201806

18211807
<tr>
18221808
<td>Value:
1823-
<td>none | rows | columns
1809+
<td>rows | columns
18241810

18251811
<tr>
18261812
<td>Initial:
1827-
<td>none
1813+
<td>rows
18281814

18291815
<tr>
18301816
<td>Applies to:
@@ -1848,18 +1834,11 @@ <h3 id="grid-auto-flow-property">
18481834
</table>
18491835

18501836
<p>
1851-
<i>Grid items</i> can be automatically placed into an unoccupied space in the <i>grid container</i>.
1837+
<i>Grid items</i> that aren't explicitly placed are are automatically placed into an unoccupied space in the <i>grid container</i>.
18521838
The 'grid-auto-flow' property controls the direction in which the search for unoccupied space takes place,
18531839
and whether rows or columns are added as needed to accommodate the content.
18541840

18551841
<dl>
1856-
<dt><dfn>''none''</dfn>
1857-
<dd>
1858-
The <i>grid area</i> of <i>grid items</i> that are auto-placed
1859-
has its start edges set to the first grid line in the relevant dimension,
1860-
and its end edges set according to the amount of span specified on the <i>grid item</i>
1861-
(defaulting to 1 if the item doesn't specify any span).
1862-
18631842
<dt><dfn>''rows''</dfn>
18641843
<dd>
18651844
The auto-placement algorithm places items
@@ -2914,4 +2893,5 @@ <h2 class="no-num" id="changes">
29142893
<li>Refined <a href="#abspos-items">definitions of absolutely-positioned elements</a> whose containing block is a grid container.
29152894
<li>Marked <a href="#visibility-collapse">grid row/column collapsing</a> as an open issue.
29162895
<li>Changed the syntax of <a href="#named-lines">named lines</a> to use parentheses and identifiers rather than strings.
2896+
<li>Removed the ''none'' value from 'grid-auto-flow', turning auto-placement on by default so that grid items by default don't stack on top of each other.
29172897
</ul>

0 commit comments

Comments
 (0)