monolithic-overflow-023-print.html (1012B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1458850"> 4 <link rel="match" href="monolithic-overflow-023-print-ref.html"> 5 <style> 6 @page { 7 size: 600px; 8 margin: 0; 9 } 10 :root { 11 print-color-adjust: exact; 12 } 13 body { 14 margin: 0; 15 } 16 </style> 17 <div style="display:table;"> 18 <div style="display:table-header-group; break-inside:avoid;"> 19 <div style="width:100px; height:100px; background:green;"></div> 20 </div> 21 <div style="display:table-row;"> 22 <div style="height:530px; contain:size;"> 23 There should be two pages. A green square should be on each page. Nothing 24 should overlap with the square. 25 </div> 26 </div> 27 <div style="display:table-row;"> 28 <div style="height:100px; border:solid;"> 29 This text should go on the second page, right below the green square. It 30 should NOT be placed on top of the square. 31 </div> 32 </div> 33 </div>