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

branch
TOR_BUG_9701
changeset 11
deefc01c0e14
equal deleted inserted replaced
-1:000000000000 0:b665d2a2788e
1 <!DOCTYPE html>
2 <html class="reftest-wait">
3 <title>Scrolling over inactive layers shouldn't repaint their contents</title>
4
5 <style>
6
7 .outer {
8 border: 1px solid black;
9 width: 100px;
10 height: 2000px;
11 margin-top: 200px;
12 margin-right: 20px;
13 padding-top: 100px;
14 float: left;
15 }
16
17 .opacity {
18 opacity: 0.5;
19 }
20
21 .transform {
22 transform: translateX(1px);
23 }
24
25 .filter {
26 filter: url(#filter);
27 }
28
29 .mask {
30 mask: url(#mask);
31 }
32
33 .reftest-no-paint {
34 height: 50px;
35 border: 1px solid lime;
36 }
37
38 </style>
39
40 <svg height="0">
41 <defs>
42 <filter id="filter" filterUnits="objectBoundingBox"
43 x="0%" y="0%" width="100%" height="100%"
44 color-interpolation-filters="sRGB">
45 <feMerge><feMergeNode/><feMerge>
46 </filter>
47 <mask id="mask" maskContentUnits="objectBoundingBox">
48 <rect x="0" y="0" width="1" height="1" fill="white"/>
49 </mask>
50 </defs>
51 </svg>
52
53 <div class="outer opacity">
54 <div class="reftest-no-paint"></div>
55 </div>
56
57 <div class="outer transform">
58 <div class="reftest-no-paint"></div>
59 </div>
60
61 <div class="outer filter">
62 <div class="reftest-no-paint"></div>
63 </div>
64
65 <div class="outer mask">
66 <div class="reftest-no-paint"></div>
67 </div>
68
69 <script>
70
71 function doTest() {
72 document.documentElement.scrollTop = 100;
73 document.documentElement.removeAttribute("class");
74 }
75 document.addEventListener("MozReftestInvalidate", doTest, false);
76
77 </script>

mercurial