inactive-layertree-visible-region-1.html (1032B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait" 3 reftest-displayport-x="0" 4 reftest-displayport-y="0" 5 reftest-displayport-w="800" 6 reftest-displayport-h="1000"> 7 <meta charset="utf-8"> 8 <title>Scrolling the horizontal bar away shouldn't invalidate the green rectangle</title> 9 10 <style> 11 12 .wrapper { 13 transform: translateY(1px); 14 } 15 16 .content { 17 box-sizing: border-box; 18 border: 1px solid rgba(0, 0, 0, 0.2); 19 } 20 21 .first { 22 height: 20px; 23 } 24 25 .second { 26 margin-left: auto; 27 width: 20px; 28 height: 200px; 29 } 30 31 .reftest-no-paint { 32 margin: -150px 100px 0; 33 height: 100px; 34 border-color: lime; 35 } 36 37 body { 38 margin: 0; 39 padding: 50px; 40 height: 3000px; 41 } 42 43 </style> 44 45 <div class="wrapper"> 46 <div class="first content"></div> 47 <div class="second content"></div> 48 </div> 49 50 <div class="reftest-no-paint content"></div> 51 52 <script> 53 54 function doTest() { 55 document.documentElement.scrollTop = 100; 56 document.documentElement.removeAttribute("class"); 57 } 58 document.addEventListener("MozReftestInvalidate", doTest); 59 60 </script>