gecko-dev/layout/reftests/meta-viewport/position-fixed-on-minimum-scale-size-ref.html
Hiroyuki Ikezoe 9fe047bfb3 Bug 1516377 - Use the layout viewport for position:fixed elements if the viewport is larger than. r=botond
Both of reftests in this commit are based on an exmaple [1] in the Viewports
Explainer written by David Bokan.

position-fixed-out-of-view.html fails without the fix because the position:fixed
element is rendered at the right edge of the visual viewport so that it's
visible in the first place.

position-fixed-on-minimum-scale-size.html does NOT fail without the fix either
because the position:fixed element sticks at the right edge of the visual
viewport so that it still be there even after the visual viewport offset has
been changed.

[1] https://github.com/bokand/bokand.github.io/blob/master/web_viewports_explainer.md#chrome-2

Differential Revision: https://phabricator.services.mozilla.com/D18797

--HG--
extra : moz-landing-system : lando
2019-02-07 05:39:33 +00:00

21 lines
610 B
HTML

<!DOCTYPE html>
<html reftest-async-scroll
reftest-async-scroll-x="800"
reftest-async-scroll-y="0"
reftest-displayport-w="1600"
reftest-displayport-h="2000"
reftest-displayport-x="0"
reftest-displayport-y="0">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<style>
html,body {
margin: 0;
width: 1600px;
height: 2000px;
}
</style>
<div style="position: relative; width: 100%; height: 100%;">
<div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px; background-color: green"></div>
</div>
</html>