summaryrefslogtreecommitdiffstats
path: root/layout/reftests/async-scrolling/async-scroll-and-zoom.html
blob: a7795a54d67cd623f2cf714d010764dc95e9c316 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!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>