Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!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>