diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/async-scrolling/async-scroll-and-zoom.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | layout/reftests/async-scrolling/async-scroll-and-zoom.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/layout/reftests/async-scrolling/async-scroll-and-zoom.html b/layout/reftests/async-scrolling/async-scroll-and-zoom.html new file mode 100644 index 0000000000..a7795a54d6 --- /dev/null +++ b/layout/reftests/async-scrolling/async-scroll-and-zoom.html @@ -0,0 +1,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> |