@@ -570,6 +570,26 @@ Subgrids</h3>
570
570
results in the subgrid getting [=masonry layout=] in its [=inline axis=] .
571
571
</div>
572
572
573
+ <h3 id="repeat-notation">
574
+ Track Repetition: the ''repeat()'' notation</h3>
575
+
576
+ This specification introduces new keywords and masonry-specific behavior
577
+ for the ''repeat()'' notation.
578
+
579
+ <h4 id="repeat-auto-fit">
580
+ repeat(auto-fit)</h3>
581
+
582
+ ''grid-template-rows/repeat(auto-fit)'' behaves as ''grid-template-rows/repeat(auto-fill)''
583
+ when the other axis is a [=masonry axis=] .
584
+ The reason for this is that ''grid-row/auto'' -placed items depend
585
+ on the layout size of their siblings.
586
+ Removing empty tracks after layout wouldn't be possible in most cases
587
+ since it might affect any intrinsic track sizes.
588
+ Even if all track sizes are definite,
589
+ the containing block size could change for grid-aligned absolutely-positioned descendants.
590
+ This makes ''grid-template-rows/repeat(auto-fit)''
591
+ impossible to support in a [=grid container=] with [=masonry layout=] .
592
+
573
593
<h3 id="track-sizing">
574
594
Grid Axis Track Sizing</h3>
575
595
@@ -622,20 +642,6 @@ Grid Axis Track Sizing</h3>
622
642
or all items are the same size
623
643
(or matching multiples of that size, in the case of spanning items).
624
644
625
- <h4 id="repeat-auto-fit">
626
- repeat(auto-fit)</h3>
627
-
628
- ''grid-template-rows/repeat(auto-fit)'' behaves as ''grid-template-rows/repeat(auto-fill)''
629
- when the other axis is a [=masonry axis=] .
630
- The reason for this is that ''grid-row/auto'' -placed items depend
631
- on the layout size of their siblings.
632
- Removing empty tracks after layout wouldn't be possible in most cases
633
- since it might affect any intrinsic track sizes.
634
- Even if all track sizes are definite,
635
- the containing block size could change for grid-aligned absolutely-positioned descendants.
636
- This makes ''grid-template-rows/repeat(auto-fit)''
637
- impossible to support in a [=grid container=] with [=masonry layout=] .
638
-
639
645
<h2 id="masonry-track-placement">
640
646
Masonry Placement</h3>
641
647
0 commit comments