1546856-2.html (1155B)
1 <!DOCTYPE html> 2 <html class="reftest-wait" 3 reftest-async-scroll 4 reftest-displayport-x="0" reftest-displayport-y="0" 5 reftest-displayport-w="800" reftest-displayport-h="1500"> 6 <meta charset="utf-8"> 7 <title>Test for bug 1546856: Make sure that mLastPaintOffset for removed items is correct</title> 8 <style> 9 html { 10 background: linear-gradient(white, white) 0 0 / 100vw 100vh no-repeat fixed; 11 } 12 13 body { 14 height: 4000px; 15 padding: 200px 0; 16 } 17 18 div { 19 width: 600px; 20 height: 200px; 21 box-sizing: border-box; 22 margin-bottom: -200px; 23 } 24 25 #main.fill { 26 background-color: rgba(255, 0, 0, 0.9); 27 } 28 29 #main.ownLayer { 30 will-change: opacity; 31 } 32 33 #layerBoundsMaintainer { 34 position: relative; 35 border: 1px solid black; 36 } 37 38 </style> 39 40 <div id="main" class="fill"></div> 41 <div id="layerBoundsMaintainer"></div> 42 43 <script> 44 45 const mainElement = document.querySelector('#main'); 46 47 document.scrollingElement.scrollTop = 0; 48 document.addEventListener('MozReftestInvalidate', () => { 49 requestAnimationFrame(() => { 50 document.scrollingElement.scrollTop = 200; 51 mainElement.className = ''; 52 document.documentElement.className = ''; 53 }); 54 }); 55 56 </script>