gecko/layout/reftests/invalidation/scroll-inactive-layers.html
Markus Stange 721f6dd14c Bug 1000167 - Choose the right animated geometry root for inactive layer contents. r=roc
Choosing a frame that is scrolled along with the inactive layer results in a fixed offset between the two, so the transform that we set on the thebes layer in the basic layer manager of the inactive layer doesn't change when the page is scrolled.

--HG--
extra : rebase_source : 9b7996e2979e7d833aaddada2eebdd3c15ab621e
2014-04-24 10:18:11 +02:00

78 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html class="reftest-wait">
<title>Scrolling over inactive layers shouldn't repaint their contents</title>
<style>
.outer {
border: 1px solid black;
width: 100px;
height: 2000px;
margin-top: 200px;
margin-right: 20px;
padding-top: 100px;
float: left;
}
.opacity {
opacity: 0.5;
}
.transform {
transform: translateX(1px);
}
.filter {
filter: url(#filter);
}
.mask {
mask: url(#mask);
}
.reftest-no-paint {
height: 50px;
border: 1px solid lime;
}
</style>
<svg height="0">
<defs>
<filter id="filter" filterUnits="objectBoundingBox"
x="0%" y="0%" width="100%" height="100%"
color-interpolation-filters="sRGB">
<feMerge><feMergeNode/><feMerge>
</filter>
<mask id="mask" maskContentUnits="objectBoundingBox">
<rect x="0" y="0" width="1" height="1" fill="white"/>
</mask>
</defs>
</svg>
<div class="outer opacity">
<div class="reftest-no-paint"></div>
</div>
<div class="outer transform">
<div class="reftest-no-paint"></div>
</div>
<div class="outer filter">
<div class="reftest-no-paint"></div>
</div>
<div class="outer mask">
<div class="reftest-no-paint"></div>
</div>
<script>
function doTest() {
document.documentElement.scrollTop = 100;
document.documentElement.removeAttribute("class");
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>