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