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