async-scroll-and-zoom.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="550"

      reftest-async-zoom="2.0">

<head>

  <style>

    html {

      scrollbar-width: none;

    body {

      height: 3000px;

      margin: 0;

    div {

      position: absolute;

      top: 500px;

      width: 100px;

      height: 100px;

      background: green;

  </style>

</head>

<body >

  <!-- Test that both layout and visual viewport scroll offsets are correctly applied.

       An async scroll of 550 CSS pixels at 2.0x async zoom will ensure that

       the visual viewport is scrolled beyond the bottom of the previous

       layout viewport, meaning that the layout viewport is also scrolled so

       that it contains the visual viewport.

       Content should be scrolled by both the layout and visual offsets, in the

       correct co-ordinate space for each, which should result the top half of

       the div being scrolled out of view. -->

  <div></div>

</body>

</html>