new-content-transform-position-fixed-ref.html (724B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View transitions: computed transform for position fixed elements doesn't include scroll pos (ref)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <style> 6 .box { 7 background: lightblue; 8 width: 100px; 9 height: 100px; 10 position: fixed; 11 } 12 body { background: lightpink; } 13 </style> 14 <div class=box></div> 15 <div style="height: 1000px;"></div> 16 <script> 17 addEventListener("scroll", () => { 18 requestAnimationFrame(() => { 19 requestAnimationFrame(() => { 20 document.documentElement.classList.remove("reftest-wait"); 21 }); 22 }); 23 }, { once: true, capture: true }); 24 document.documentElement.scrollTop = 500; 25 </script> 26 </html>