1504233-1.html (1123B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Testcase for bug 1504233</title> 6 <style type="text/css"> 7 body { 8 margin: 0 0; 9 } 10 11 #wrapper { 12 display: flex; 13 flex-direction: column; 14 position: absolute; 15 width: 100%; 16 height: 100%; 17 } 18 19 #header { 20 background: blue; 21 flex: 0 0 200px; 22 } 23 24 #container { 25 overflow: scroll; 26 will-change: transform; 27 flex: 0 1 auto; 28 scrollbar-width: none; 29 } 30 31 #red { 32 background: red; 33 height: 200px; 34 } 35 36 #bg { 37 background: green; 38 height: 1500px; 39 } 40 </style> 41 </head> 42 <body> 43 <div id="wrapper"> 44 <div id="header"></div> 45 <div id="container"> 46 <div id="red"></div> 47 <div id="bg"></div> 48 </div> 49 </div> 50 <script type="text/javascript"> 51 document.getElementById("container").scrollTop = 200; 52 53 function doTest() { 54 var e = document.getElementById("header"); 55 e.style.background = "green"; 56 document.documentElement.removeAttribute("class"); 57 } 58 59 window.addEventListener("MozReftestInvalidate", doTest); 60 </script> 61 </body> 62 </html>