layout/reftests/display-list/1413073.html

   1 <!DOCTYPE html>
   2 <html lang="en" class="reftest-wait">
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   5 <meta charset="utf-8">
   6 <title>The ASR for the opacity item is the root scroll frame instead of the subframe.</title>
   7
   8 <style>
   9
  10 .outer {
  11   /* avoid event regions messing with our demonstration */
  12   pointer-events: none;
  13   /* make sure the .outer opacity item has the root scroll frame as its ASR */
  14   background: rgba(0, 0, 0, 0.1);
  15 }
  16
  17 .opacity {
  18   opacity: 0.8;
  19 }
  20
  21 .scrollFrameWrapper {
  22   /* clips off .scrollFrame's scrollbar */
  23   margin: 100px;
  24   overflow: hidden;
  25 }
  26
  27 .scrollFrame {
  28   height: 300px;
  29   margin-right: -20px;
  30   padding-right: 20px;
  31   overflow: auto;
  32 }
  33
  34 .scrolledContents {
  35   height: 1000px;
  36   width: 200px;
  37   border: 5px solid black;
  38   pointer-events: auto;
  39 }
  40
  41 </style>
  42
  43 </head><body>
  44
  45 <div class="opacity outer">
  46   <div class="opacity inner">
  47     <div class="scrollFrameWrapper">
  48       <div class="scrollFrame">
  49         <div class="scrolledContents"></div>
  50       </div>
  51     </div>
  52   </div>
  53 </div>
  54
  55 <script>
  56
  57 function doTest()
  58 {
  59   var scrollFrame = document.querySelector('.scrollFrame');
  60   scrollFrame.scrollTop = 10;
  61   scrollFrame.scrollTop = 20;
  62   scrollFrame.scrollTop = 0;
  63
  64   document.documentElement.removeAttribute("class");
  65 }
  66
  67 document.addEventListener("MozReftestInvalidate", doTest);
  68 </script>
  69 </body></html>