tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

scroll-inactive-layers.html (1519B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait"
      3      reftest-displayport-x="0"
      4      reftest-displayport-y="0"
      5      reftest-displayport-w="800"
      6      reftest-displayport-h="1000">
      7 <title>Scrolling over inactive layers shouldn't repaint their contents</title>
      8 
      9 <style>
     10 
     11 .outer {
     12  border: 1px solid black;
     13  width: 100px;
     14  height: 2000px;
     15  margin-top: 200px;
     16  margin-right: 20px;
     17  padding-top: 100px;
     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.addEventListener("MozReftestInvalidate", doTest);
     80 
     81 </script>