position-fixed-async-zoom-2.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait"

      reftest-async-scroll

      reftest-displayport-x="0" reftest-displayport-y="0"

      reftest-displayport-w="800" reftest-displayport-h="1000"

      reftest-async-scroll-x="0" reftest-async-scroll-y="-50"

      reftest-async-zoom="2.0">

<head>

  <style>

    html {

      scrollbar-width: none;

    body {

      height: 3000px;

      margin: 0;

    div {

      position: fixed;

      top: 0;

      width: 100px;

      height: 100px;

      background: green;

  </style>

</head>

<body onload="scrollTo(0, 1000); document.documentElement.classList.remove('reftest-wait');">

  <!-- Test that position:fixed elements scroll with the layout viewport.

       Scroll the window (i.e., the layout viewport) to (0, 1000). An async

       scroll of -50 CSS pixels will move both the layout and visual viewport

       up by 100 screen pixels (since async zoom is set to 2.0). The div should

       remain at top-left corner of the layout viewport. -->

  <div></div>

</body>

</html>