Skip to content

Commit b445bc5

Browse files
committed
[css-grid] Replace collapsing tracks issue, requesting feedback.
1 parent dc1510d commit b445bc5

2 files changed

Lines changed: 29 additions & 6 deletions

File tree

css-grid/Overview.html

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -105,8 +105,9 @@ <h2 class="no-num no-toc no-ref" id=contents><span class=content>Table of conten
105105
Grid Areas</a></ul><li><a href=#grid-model><span class=secno>3</span>
106106
Grid Layout Box Model</a><ul class=toc><li><a href=#grid-containers><span class=secno>3.1</span>
107107
Grid Containers: the <span data-link-type=value>grid</span> and <span class=css data-link-type=maybe>inline-grid</span> <span class=property data-link-type=propdesc title=display>display</span> values</a></ul><li><a href=#grid-items><span class=secno>4</span>
108-
Grid Items</a><ul class=toc><li><a href=#order-property><span class=secno>4.1</span>
109-
Reordered Grid Items: the <span class=property data-link-type=propdesc title=order>order</span> property</a><li><a href=#static-position><span class=secno>4.2</span>
108+
Grid Items</a><ul class=toc><li><a href=#visibility-collapse><span class=secno>4.1</span>
109+
Collapsed Grid Items: the <span class=property data-link-type=propdesc title=visibility>visibility</span> property</a><li><a href=#order-property><span class=secno>4.2</span>
110+
Reordered Grid Items: the <span class=property data-link-type=propdesc title=order>order</span> property</a><li><a href=#static-position><span class=secno>4.3</span>
110111
Static Position of Grid Container Children</a></ul><li><a href=#grid-definition><span class=secno>5</span>
111112
The Explicit Grid</a><ul class=toc><li><a href=#track-sizing><span class=secno>5.1</span>
112113
Track Sizing: the <span class=property data-link-type=propdesc title=grid-template-rows>grid-template-rows</span> and <span class=property data-link-type=propdesc title=grid-template-columns>grid-template-columns</span> properties</a><ul class=toc><li><a href=#named-lines><span class=secno>5.1.1</span>
@@ -755,15 +756,25 @@ <h3 id="position-grid">
755756
and missing names are treated as <a value for="<grid-line>">auto</a>.
756757
-->
757758

758-
<h3 data-level=4.1 id=order-property><span class=secno>4.1 </span><span class=content>
759+
<h3 data-level=4.1 id=visibility-collapse><span class=secno>4.1 </span><span class=content>
760+
Collapsed Grid Items: the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility title=visibility>visibility</a> property</span><a class=section-link href=#visibility-collapse>§</a></h3>
761+
762+
<p class=issue>
763+
We want the ability to collapse grid tracks
764+
(similar to <a href=http://www.w3.org/TR/css3-flexbox/#visibility-collapse>collapsing flex items</a>
765+
or <a href=http://www.w3.org/TR/CSS21/tables.html#dynamic-effects>table rows/columns</a>),
766+
but we're not sure exactly how to do it.
767+
Ideas welcome, please <a href="mailto:www-style@w3.org?Subject=%5Bcss-grid%5D%20Collapsing%20Grid%20Tracks">post them to www-style@w3.org</a>.
768+
769+
<h3 data-level=4.2 id=order-property><span class=secno>4.2 </span><span class=content>
759770
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>
760771

761772
<p>
762773
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>.
763774
It affects their <a href=#grid-auto-flow-property>auto-placement</a> and <a href=#z-order>painting order</a>.
764775

765776

766-
<h3 data-level=4.2 id=static-position><span class=secno>4.2 </span><span class=content>
777+
<h3 data-level=4.3 id=static-position><span class=secno>4.3 </span><span class=content>
767778
Static Position of Grid Container Children</span><a class=section-link href=#static-position>§</a></h3>
768779

769780
<p>
@@ -2652,8 +2663,9 @@ <h2 class=no-num id=changes><span class=content>
26522663
<li>Percentages are no longer resolved like they are in table layout.
26532664
<li><a href=#auto-margins>Margin alignment</a> now matches <a href=http://www.w3.org/TR/css3-flexbox>Flexbox</a> and <a href=http://www.w3.org/TR/css3-align>Box Alignment</a>.
26542665
<li>Renamed all the <a href=#placement>placement properties</a> and <a href=#grid-definition>grid-defining properties</a>.
2655-
<li>Added the <a class=property data-link-type=propdesc href=#propdef-grid-template title=grid-template>grid-template</a> shorthand for all the grid-defining properties.
2666+
<li>Added the <a class=property data-link-type=propdesc href=#propdef-grid-template title=grid-template>grid-template</a> and <a class=property data-link-type=propdesc href=#propdef-grid title=grid>grid</a> shorthands.
26562667
<li>Refined <a href=#abspos-items>definitions of absolutely-positioned elements</a> whose containing block is a grid container.
2668+
<li>Defined the <a href=#static-position>static position</a> of direct children of a <a href=#grid-container>grid container</a>.
26572669
<li>Marked <a href=#visibility-collapse>grid row/column collapsing</a> as an open issue.
26582670
<li>Changed the syntax of <a href=#named-lines>named lines</a> to use parentheses and identifiers rather than strings.
26592671
<li>Removed the "none" value from <a class=property data-link-type=propdesc href=#propdef-grid-auto-flow title=grid-auto-flow>grid-auto-flow</a>, turning auto-placement on by default so that grid items by default don't stack on top of each other.

css-grid/Overview.src.html

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -669,6 +669,16 @@ <h3 id="position-grid">
669669
and missing names are treated as <a value for="<grid-line>">auto</a>.
670670
-->
671671

672+
<h3 id="visibility-collapse">
673+
Collapsed Grid Items: the 'visibility' property</h3>
674+
675+
<p class='issue'>
676+
We want the ability to collapse grid tracks
677+
(similar to <a href="http://www.w3.org/TR/css3-flexbox/#visibility-collapse">collapsing flex items</a>
678+
or <a href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects">table rows/columns</a>),
679+
but we're not sure exactly how to do it.
680+
Ideas welcome, please <a href="mailto:www-style@w3.org?Subject=%5Bcss-grid%5D%20Collapsing%20Grid%20Tracks">post them to www-style@w3.org</a>.
681+
672682
<h3 id='order-property'>
673683
Reordered Grid Items: the 'order' property</h3>
674684

@@ -2709,8 +2719,9 @@ <h2 class="no-num" id="changes">
27092719
<li>Percentages are no longer resolved like they are in table layout.
27102720
<li><a href="#auto-margins">Margin alignment</a> now matches <a href="http://www.w3.org/TR/css3-flexbox">Flexbox</a> and <a href="http://www.w3.org/TR/css3-align">Box Alignment</a>.
27112721
<li>Renamed all the <a href="#placement">placement properties</a> and <a href="#grid-definition">grid-defining properties</a>.
2712-
<li>Added the 'grid-template' shorthand for all the grid-defining properties.
2722+
<li>Added the 'grid-template' and 'grid' shorthands.
27132723
<li>Refined <a href="#abspos-items">definitions of absolutely-positioned elements</a> whose containing block is a grid container.
2724+
<li>Defined the <a href="#static-position">static position</a> of direct children of a <i>grid container</i>.
27142725
<li>Marked <a href="#visibility-collapse">grid row/column collapsing</a> as an open issue.
27152726
<li>Changed the syntax of <a href="#named-lines">named lines</a> to use parentheses and identifiers rather than strings.
27162727
<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.

0 commit comments

Comments
 (0)