grid-fragmentation-between-rows-001-print-ref.tentative.html (873B)
1 <!DOCTYPE html> 2 <style> 3 :root { 4 print-color-adjust: exact; 5 } 6 </style> 7 <div style="height:40vh"> 8 Test passes if there is two purple boxes on both page 1 and page 2 in print mode. (Ctrl+P, with "print backgrounds" enabled) 9 </div> 10 <div style="display:grid; grid-template-columns:1fr 1fr;"> 11 <div style="contain:size; height:40vh;"> 12 <div style="height:40vh; width: 20vw; background:purple;"></div> 13 </div> 14 <div style="contain:size; height:40vh;"> 15 <div style="height:40vh; width: 20vw; background:purple;"></div> 16 </div> 17 </div> 18 <div style="display:grid; grid-template-columns:1fr 1fr; break-before:page;"> 19 <div style="contain:size; height:40vh;"> 20 <div style="height:40vh; width: 20vw; background:purple;"></div> 21 </div> 22 <div style="contain:size; height:40vh;"> 23 <div style="height:40vh; width: 20vw; background:purple;"></div> 24 </div> 25 </div>