@@ -201,12 +201,9 @@ Characteristics of a Subgrid Item</h3>
201
201
202
202
<li id="subgrid-size-contribution">
203
203
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
205
205
in the subgridded dimension.
206
206
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
-
210
207
<li id="subgrid-item-contribution">
211
208
The <a>subgrid</a> 's own <a>grid items</a> participate
212
209
in the sizing of its parent grid in the subgridded dimension(s)
@@ -369,6 +366,27 @@ Characteristics of a Subgrid Item</h3>
369
366
</dl>
370
367
</div>
371
368
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
+
372
390
<li id="subgrid-box-alignment">
373
391
The <a>subgrid</a> is always stretched in its subgridded dimension(s:
374
392
the 'align-self' /'justify-self' properties on it are ignored,
@@ -700,6 +718,17 @@ Changes</h2>
700
718
701
719
<h2 class="no-num" id="changes">Changes</h2>
702
720
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
+
703
732
<h3 class="no-num" id="changes-20180427">
704
733
Changes since the
705
734
<a href="https://www.w3.org/TR/2018/WD-css-grid-2-20180427/">April 2018
0 commit comments