oof-in-clipped-container-010.html | Explore in Territory

<!DOCTYPE html>
<script>
  testRunner.setPrinting();
  internals.settings.setShouldPrintBackgrounds(true);
</script>
There should be three pages.
There should be a green rectangle near the top of the second page.
No red anywhere.
<div style="break-before:page; height:50px;"></div>
<!-- This test looks ridiculous, in order to work around subpixel clipping
     issues that occur when printing. We need to make sure not to paint any red
     near the green square, or it will bleed through. -->
<div style="will-change:transform; overflow:clip; overflow-clip-margin:5px; width:100px; height:100px;">
  <div style="height:50px;"></div>
  <div style="position:relative; overflow:clip; width:100px; height:5000px;">
    <div style="position:absolute; top:-400px; left:-400px; width:10000px; height:10000px;">
      <div style="height:390px; background:red;"></div>
      <!-- Blank hole slightly larger than the green rectangle: -->
      <div style="height:120px;"></div>
      <div style="height:10000px; background:red;"></div>
      <div style="position:fixed; contain:size; top:-200px; left:-200px; width:10000px;">
        <div style="height:190px; background:red;"></div>
        <div style="margin-left:200px; margin-top:10px; margin-bottom:10px; width:100px; height:100px; background:green;"></div>
        <div style="height:10000px; background:red;"></div>
      </div>
    </div>
  </div>
</div>
<div style="break-before:page; height:50px;"></div>
chromium/third_party/blink/web_tests/printing/oof-in-clipped-container-010.html
