position-change.html (924B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <title>CSS Test: Test for re-paint after position change</title> 4 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org" /> 5 <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> 6 <link rel="match" href="position-change-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 9 <div style="position: relative; background: red; width: 100px; height: 100px; overflow: hidden;"> 10 <div id="target" style="overflow-y: scroll; width: 400px; height: 400px; position: relative;"> 11 <div style="height: 100px; width: 100px; background: green;"></div> 12 <!-- forces scrolling --> 13 <div style="height: 700px;"></div> 14 </div> 15 </div> 16 17 <script> 18 onload = function() { 19 requestAnimationFrame(() => requestAnimationFrame(() => { 20 target.style.position = ""; 21 takeScreenshot(); 22 })); 23 } 24 </script> 25 </html