Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-page/monolithic-overflow-018-print.html
<!DOCTYPE html> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1402540"> <link rel="match" href="monolithic-overflow-018-print-ref.html"> <style> :root { print-color-adjust: exact; } body { margin: 0; } </style> <div style="contain:size; width:20px; height:280vh; background:blue;"></div> <div style="width:50vh; background:red;"> <div style="contain:size; height:50vh; background:green;"></div> </div> There should be four pages. There should be something blue on the first three, and a green square on the fourth. No red anywhere.
/css/css-page/monolithic-overflow-018-print-ref.html
<!DOCTYPE html> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <style> :root { print-color-adjust: exact; } body { margin: 0; } </style> <div style="width:20px; height:280vh; background:blue;"></div> <div style="break-before:page; width:50vh; height:50vh; background:green;"></div> There should be four pages. There should be something blue on the first three, and a green square on the fourth. No red anywhere.