diff options
Diffstat (limited to '')
| -rw-r--r-- | gfx/layers/apz/test/reftest/pinch-zoom-position-fixed.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/gfx/layers/apz/test/reftest/pinch-zoom-position-fixed.html b/gfx/layers/apz/test/reftest/pinch-zoom-position-fixed.html new file mode 100644 index 0000000000..c4476f4872 --- /dev/null +++ b/gfx/layers/apz/test/reftest/pinch-zoom-position-fixed.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html class="reftest-wait" reftest-resolution="1.5"> +<head> + <meta name="viewport" content="width=device-width"> + <style> + body { + margin: 0; + height: 2000px; + overflow: hidden; + } + div { + position: fixed; + bottom: 0; + width: 100%; + height: 500px; + background: repeating-linear-gradient(90deg, transparent, transparent 20px, black 20px, black 40px); + } + </style> +</head> +<body onload="scrollTo(0, 500); document.documentElement.classList.remove('reftest-wait');"> + <!-- Test that fixed position elements are attached to the layout viewport + instead of the visual viewport. + + The reference page has a position:absolute element in place of a + position:fixed element, both positioned at the bottom of the page. + + After zooming in, the top edge of the visual viewport will coincide with + the top edge of the layout viewport, but their bottom edges will + diverge. + + Since absolute elements are attached to the initial containing block, + which coincides with the layout viewport on page load, the rendering of + the fixed element will only match if it is being attached to the layout + viewport. --> + <div></div> +</body> +</html> |