<!DOCTYPE HTML>
<html reftest-async-scroll
      reftest-displayport-x="0" reftest-displayport-y="0"
      reftest-displayport-w="800" reftest-displayport-h="2000"
      reftest-async-scroll-x="0" reftest-async-scroll-y="2100">
<!-- This is the exact same test as checkerboard-2.html, but we put
     the scroll position entirely outside of the displayport. This ensures
     that even we do the proper checkerboarding even if the layer would
     otherwise be culled out in the compositor because it is not on-screen. -->
<body style="background-color: green; height: 5000px; overflow:hidden">
  <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
  <div style="position:absolute; left: 0px; top: 500px; background-color: yellow; width: 100px; height: 4500px"></div>
  <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
</body>