layout/reftests/invalidation/scroll-inactive-layers-2.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/invalidation/scroll-inactive-layers-2.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,82 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html class="reftest-wait">
     1.6 +<title>Scrolling over inactive layers shouldn't repaint their contents even if both the top and the bottom edge of the inactive layers are offscreen</title>
     1.7 +
     1.8 +<style>
     1.9 +
    1.10 +html, body {
    1.11 +  margin: 0;
    1.12 +  padding: 0;
    1.13 +}
    1.14 +
    1.15 +.outer {
    1.16 +  border: 1px solid black;
    1.17 +  width: 100px;
    1.18 +  height: 2000px;
    1.19 +  margin-right: 20px;
    1.20 +  padding-top: 200px;
    1.21 +  float: left;
    1.22 +}
    1.23 +
    1.24 +.opacity {
    1.25 +  opacity: 0.5;
    1.26 +}
    1.27 +
    1.28 +.transform {
    1.29 +  transform: translateX(1px);
    1.30 +}
    1.31 +
    1.32 +.filter {
    1.33 +  filter: url(#filter);
    1.34 +}
    1.35 +
    1.36 +.mask {
    1.37 +  mask: url(#mask);
    1.38 +}
    1.39 +
    1.40 +.reftest-no-paint {
    1.41 +  height: 50px;
    1.42 +  border: 1px solid lime;
    1.43 +}
    1.44 +
    1.45 +</style>
    1.46 +
    1.47 +<svg height="0">
    1.48 +  <defs>
    1.49 +    <filter id="filter" filterUnits="objectBoundingBox"
    1.50 +            x="0%" y="0%" width="100%" height="100%"
    1.51 +            color-interpolation-filters="sRGB">
    1.52 +      <feMerge><feMergeNode/><feMerge>
    1.53 +    </filter>
    1.54 +    <mask id="mask" maskContentUnits="objectBoundingBox">
    1.55 +      <rect x="0" y="0" width="1" height="1" fill="white"/>
    1.56 +    </mask>
    1.57 +  </defs>
    1.58 +</svg>
    1.59 +
    1.60 +<div class="outer opacity">
    1.61 +  <div class="reftest-no-paint"></div>
    1.62 +</div>
    1.63 +
    1.64 +<div class="outer transform">
    1.65 +  <div class="reftest-no-paint"></div>
    1.66 +</div>
    1.67 +
    1.68 +<div class="outer filter">
    1.69 +  <div class="reftest-no-paint"></div>
    1.70 +</div>
    1.71 +
    1.72 +<div class="outer mask">
    1.73 +  <div class="reftest-no-paint"></div>
    1.74 +</div>
    1.75 +
    1.76 +<script>
    1.77 +
    1.78 +function doTest() {
    1.79 +  document.documentElement.scrollTop = 100;
    1.80 +  document.documentElement.removeAttribute("class");
    1.81 +}
    1.82 +document.documentElement.scrollTop = 50;
    1.83 +document.addEventListener("MozReftestInvalidate", doTest, false);
    1.84 +
    1.85 +</script>

mercurial