checkerboard-3.html

Enable keyboard shortcuts

<!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"

      style="scrollbar-width: none">

<!-- 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">

  <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>