checkerboard-2.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="1800"

      style="scrollbar-width: none">

<!-- This is a test where we set the async-scroll position so that it

     extends outside the displayport, but also have some fixed-position

     elements in the mix. In particular, the purple element is below

     (in z-order) the main scrolling content and should not be made visible

     while checkerboarding; the checkerboarding code should cover it up

     with the appropriate background color. -->

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