position-fixed-scroll-overlap.html (1049B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="help" href="https://drafts.csswg.org/css-position/#fixed-pos"> 4 <link rel="help" href="https://crbug.com/1274414"> 5 <link rel="match" href="position-fixed-scroll-overlap-ref.html"> 6 <meta name="assert" content="The red fixed-position element should be always invisible 7 (covered by the green elements), regardless of viewport scroll offset"> 8 <script src="/common/rendering-utils.js"></script> 9 <script src="/common/reftest-wait.js"></script> 10 <style> 11 .section { 12 width: 100px; 13 height: 2000px; 14 background: green; 15 position: relative; 16 z-index: 2; 17 } 18 </style> 19 <svg style="width: 100px; height: 1000px; position: fixed"> 20 <rect width="200" height="2000" fill="red"/> 21 </svg> 22 <div class="section"></div> 23 <div class="section"></div> 24 <div class="section"></div> 25 <div class="section"></div> 26 <script> 27 waitForAtLeastOneFrame().then(() => { 28 window.scrollTo(0, 4000); 29 waitForAtLeastOneFrame().then(() => { 30 window.scrollTo(0, 0); 31 takeScreenshot(); 32 }); 33 }); 34 </script> 35 </html>