Skip to content

Commit c2e0acf

Browse files
committed
[css-grid-2] Define handling of subgrid mbp if edge-adjacent tracks are empty. <https://lists.w3.org/Archives/Public/www-style/2018Jul/0028.html> #2592
1 parent a0e58d3 commit c2e0acf

File tree

1 file changed

+33
-4
lines changed

1 file changed

+33
-4
lines changed

css-grid-2/Overview.bs

+33-4
Original file line numberDiff line numberDiff line change
@@ -201,12 +201,9 @@ Characteristics of a Subgrid Item</h3>
201201

202202
<li id="subgrid-size-contribution">
203203
The <a>subgrid</a> itself lays out as an ordinary <a>grid item</a> in its parent grid,
204-
but acts as if it was completely empty for sizing purposes
204+
but acts as if it was completely empty for track sizing purposes
205205
in the subgridded dimension.
206206

207-
ISSUE: Correct handling of the subgrid’s margins/border/padding
208-
is an open issue, see <a href="https://github.com/w3c/csswg-drafts/issues/2592">discussion</a>.
209-
210207
<li id="subgrid-item-contribution">
211208
The <a>subgrid</a>'s own <a>grid items</a> participate
212209
in the sizing of its parent grid in the subgridded dimension(s)
@@ -369,6 +366,27 @@ Characteristics of a Subgrid Item</h3>
369366
</dl>
370367
</div>
371368

369+
<li id="subgrid-edge-placeholders">
370+
For each edge of a non-empty subgrid,
371+
to account for the subgrid’s margin/border/padding at that edge,
372+
a hypothetical item is contributed to the track sizing algorithm.
373+
This item’s sizes are taken from the sizes of the largest item
374+
with the smallest span
375+
from the occupied track closest to that edge of the subgrid,
376+
and are additionally inflated by the subgrid’s own margin/border/padding
377+
at that edge (or both edges,
378+
if it happens to be the most extreme item on both sides).
379+
Similarly, the hypothetical item’s span is taken
380+
from that same real item’s span,
381+
and inflated by the number of empty tracks between it
382+
and the relevant subgrid’s edge(s).
383+
384+
Note: This step can be shortcut if
385+
the tracks closest to the subgrid’s edges contain real items,
386+
which would have already
387+
<a href="#subgrid-item-contribution">accounted for the subgrid’s margin/border/padding</a>
388+
as described above.
389+
372390
<li id="subgrid-box-alignment">
373391
The <a>subgrid</a> is always stretched in its subgridded dimension(s:
374392
the 'align-self'/'justify-self' properties on it are ignored,
@@ -700,6 +718,17 @@ Changes</h2>
700718

701719
<h2 class="no-num" id="changes">Changes</h2>
702720

721+
<h3 class="no-num" id="changes-20180628">
722+
Changes since the
723+
<a href="https://www.w3.org/TR/2018/WD-css-grid-2-20180628/">June 2018
724+
CSS Grid Layout Level 2 Working Draft</a></h3>
725+
726+
<ul>
727+
<li>Defined handling of the subgrid’s margins/borders/padding
728+
when the track closest to its edge is empty.
729+
(<a href="https://github.com/w3c/csswg-drafts/issues/2592">Issue 2592</a>)
730+
</ul>
731+
703732
<h3 class="no-num" id="changes-20180427">
704733
Changes since the
705734
<a href="https://www.w3.org/TR/2018/WD-css-grid-2-20180427/">April 2018

0 commit comments

Comments
 (0)