Skip to content

Commit 9154bb4

Browse files
committed
[css-grid] Add an issue about the specifics of grid-auto-flow:none
1 parent dfb0788 commit 9154bb4

2 files changed

Lines changed: 17 additions & 3 deletions

File tree

css-grid/Overview.html

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1421,7 +1421,7 @@ <h3 data-level=6.1 id=auto-tracks><span class=secno>6.1 </span><span class=conte
14211421
<h3 data-level=6.2 id=grid-auto-flow-property><span class=secno>6.2 </span><span class=content>
14221422
Automatic Placement: the <a class=property data-link-type=propdesc href=#propdef-grid-auto-flow title=grid-auto-flow>grid-auto-flow</a> property</span><a class=section-link href=#grid-auto-flow-property>§</a></h3>
14231423

1424-
<table class=propdef><tr><th>Name:<td><dfn data-dfn-type=property data-export="" id=propdef-grid-auto-flow>grid-auto-flow</dfn><tr><th>Value:<td>none | [ [ rows | columns ] &amp;&amp; dense? ]<tr><th>Initial:<td>rows<tr><th>Applies to:<td><a href=#grid-container>grid containers</a><tr><th>Inherited:<td>no<tr><th>Percentages:<td>n/a<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value</table>
1424+
<table class=propdef><tr><th>Name:<td><dfn data-dfn-type=property data-export="" id=propdef-grid-auto-flow>grid-auto-flow</dfn><tr><th>Value:<td>none | [ [ rows | columns ] &amp;&amp; dense? ]<tr><th>Initial:<td>none<tr><th>Applies to:<td><a href=#grid-container>grid containers</a><tr><th>Inherited:<td>no<tr><th>Percentages:<td>n/a<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value</table>
14251425
<p>
14261426
<a href=#grid-item>Grid items</a> that aren't explicitly placed are automatically placed into an unoccupied space in the <a href=#grid-container>grid container</a>.
14271427
The <a class=property data-link-type=propdesc href=#propdef-grid-auto-flow title=grid-auto-flow>grid-auto-flow</a> property controls the direction in which the search for unoccupied space takes place,
@@ -1457,6 +1457,13 @@ <h3 data-level=6.2 id=grid-auto-flow-property><span class=secno>6.2 </span><span
14571457

14581458
<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.
14591459

1460+
<p class=issue>
1461+
While we want the functionality of <a class=css data-link-type=maybe href=#valuedef-none0>none</a>,
1462+
the specifics defined here aren't great
1463+
(they're for compat with current IE behavior).
1464+
Is it possible to still make <a class=css data-link-type=maybe href=#valuedef-rows>rows</a> the default,
1465+
and maybe figure out a way to make the default position determined by the auto-placement algorithm?
1466+
14601467
<p>
14611468
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.
14621469

@@ -2823,7 +2830,7 @@ <h2 class="no-num no-ref" id=property-index><span class=content>
28232830
<tr><th scope=row><a data-property="">grid-template</a><td>none | <a class=production data-link-type=propdesc href=#propdef-grid-template-columns title=grid-template-columns>&lt;‘grid-template-columns’&gt;</a> / <a class=production data-link-type=propdesc href=#propdef-grid-template-rows title=grid-template-rows>&lt;‘grid-template-rows’&gt;</a> |<br> [ <a class=production data-link-type=type href=#typedef-track-list>&lt;track-list&gt;</a> / ]? [ <a class=production data-link-type=type href=#typedef-line-names>&lt;line-names&gt;</a>? <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#string-value>&lt;string&gt;</a> [ <a class=production data-link-type=type href=#typedef-track-size>&lt;track-size&gt;</a> <a class=production data-link-type=type href=#typedef-line-names>&lt;line-names&gt;</a> ]? ]+<td>see individual properties<td><td>see individual properties<td>see individual properties<td>visual<td><a href=#grid-container>grid containers</a><td>see individual properties<td>
28242831
<tr><th scope=row><a data-property="">grid-auto-columns</a><td><a class=production data-link-type=type href=#typedef-track-size>&lt;track-size&gt;</a><td>auto<td><td>no<td>see <a href=#track-sizing>Track Sizing</a><td>visual<td><a href=#grid-container>grid containers</a><td>see <a href=#track-sizing>Track Sizing</a><td>
28252832
<tr><th scope=row><a data-property="">grid-auto-rows</a><td><a class=production data-link-type=type href=#typedef-track-size>&lt;track-size&gt;</a><td>auto<td><td>no<td>see <a href=#track-sizing>Track Sizing</a><td>visual<td><a href=#grid-container>grid containers</a><td>see <a href=#track-sizing>Track Sizing</a><td>
2826-
<tr><th scope=row><a data-property="">grid-auto-flow</a><td>none | [ [ rows | columns ] &amp;&amp; dense? ]<td>rows<td><td>no<td>n/a<td>visual<td><a href=#grid-container>grid containers</a><td>specified value<td>
2833+
<tr><th scope=row><a data-property="">grid-auto-flow</a><td>none | [ [ rows | columns ] &amp;&amp; dense? ]<td>none<td><td>no<td>n/a<td>visual<td><a href=#grid-container>grid containers</a><td>specified value<td>
28272834
<tr><th scope=row><a data-property="">grid-auto-position</a><td><a class=production data-link-type=type href=#typedef-grid-line>&lt;grid-line&gt;</a> / <a class=production data-link-type=type href=#typedef-grid-line>&lt;grid-line&gt;</a><td>1 / 1<td><td>no<td>na/<td>visual<td><a href=#grid-container>grid containers</a><td>specified value<td>
28282835
<tr><th scope=row><a data-property="">grid-auto</a><td><a class=production data-link-type=propdesc href=#propdef-grid-auto-flow title=grid-auto-flow>&lt;‘grid-auto-flow’&gt;</a> || [ <a class=production data-link-type=propdesc href=#propdef-grid-auto-columns title=grid-auto-columns>&lt;‘grid-auto-columns’&gt;</a> [ / <a class=production data-link-type=propdesc href=#propdef-grid-auto-rows title=grid-auto-rows>&lt;‘grid-auto-rows’&gt;</a> ]? ]<td>see individual properties<td><td>see individual properties<td>see individual properties<td>visual<td><a href=#grid-container>grid containers</a><td>see individual properties<td>
28292836
<tr><th scope=row><a data-property="">grid-row-start</a><td><a class=production data-link-type=type href=#typedef-grid-line>&lt;grid-line&gt;</a><td>auto<td><td>no<td>n/a<td>visual<td><a href=#grid-item>grid items</a><td>specified value (almost)<td>

css-grid/Overview.src.html

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1403,7 +1403,7 @@ <h3 id="grid-auto-flow-property">
14031403
<pre class='propdef'>
14041404
Name: grid-auto-flow
14051405
Value: none | [ [ rows | columns ] && dense? ]
1406-
Initial: rows
1406+
Initial: none
14071407
Applies to: <a>grid containers</a>
14081408
Inherited: no
14091409
Percentages: n/a
@@ -1446,6 +1446,13 @@ <h3 id="grid-auto-flow-property">
14461446

14471447
Note: A future level of this module is expected to add a value that flows auto-positioned items together into a single “default” cell.
14481448

1449+
<p class='issue'>
1450+
While we want the functionality of ''none'',
1451+
the specifics defined here aren't great
1452+
(they're for compat with current IE behavior).
1453+
Is it possible to still make ''rows'' the default,
1454+
and maybe figure out a way to make the default position determined by the auto-placement algorithm?
1455+
14491456
<p>
14501457
Auto-placement takes <a>grid items</a> in 'order'-modified document order.
14511458

0 commit comments

Comments
 (0)