@@ -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 >
14221422Automatic 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 ] && 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 ] && 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 > <‘grid-template-columns’></ a > / < a class =production data-link-type =propdesc href =#propdef-grid-template-rows title =grid-template-rows > <‘grid-template-rows’></ a > |< br > [ < a class =production data-link-type =type href =#typedef-track-list > <track-list></ a > / ]? [ < a class =production data-link-type =type href =#typedef-line-names > <line-names></ a > ? < a class =production data-link-type =type href =http://dev.w3.org/csswg/css-values-3/#string-value > <string></ a > [ < a class =production data-link-type =type href =#typedef-track-size > <track-size></ a > < a class =production data-link-type =type href =#typedef-line-names > <line-names></ 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 > <track-size></ 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 > <track-size></ 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 ] && 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 ] && 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 > <grid-line></ a > / < a class =production data-link-type =type href =#typedef-grid-line > <grid-line></ 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 > <‘grid-auto-flow’></ a > || [ < a class =production data-link-type =propdesc href =#propdef-grid-auto-columns title =grid-auto-columns > <‘grid-auto-columns’></ a > [ / < a class =production data-link-type =propdesc href =#propdef-grid-auto-rows title =grid-auto-rows > <‘grid-auto-rows’></ 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 > <grid-line></ a > < td > auto< td > < td > no< td > n/a< td > visual< td > < a href =#grid-item > grid items</ a > < td > specified value (almost)< td >
0 commit comments