Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!DOCTYPE html>
<html class="reftest-wait" reftest-resolution="1.5">
<meta name="viewport" content="width=device-width">
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);
<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
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. -->