fixed-positioned-001.html (1574B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Fixed positioned</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#layout-algorithms"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#layout-of-mrow"> 8 <link rel="match" href="fixed-positioned-001-ref.html"/> 9 <meta name="assert" content="Verify visual rendering of fixed positioned mtext elements."> 10 <style> 11 body { overflow: hidden; } 12 </style> 13 <body> 14 <div style="position: absolute; left: 100px; top: 200px; 15 height: 3000px; width: 3000px;"> 16 <math> 17 <mrow> 18 <mspace width="100px" height="300px" style="background: green"/> 19 <mspace width="100px" height="300px" style="background: red"/> 20 <mspace width="100px" height="300px" style="background: green"/> 21 <mtext style="position: fixed; left: 150px; top: 100px;"><span style="display: inline-block; width: 50px; height: 300px; background: green"></span></mtext> 22 <mtext style="position: fixed; left: 200px; top: 100px;"><span style="display: inline-block; width: 50px; height: 150px; background: green"></span></mtext> 23 <mtext style="position: fixed; left: 200px; top: 250px;"><span style="display: inline-block; width: 50px; height: 150px; background: green"></span></mtext> 24 </mrow> 25 </math> 26 <p>Test passes if you see a green square and no red.</p> 27 </div> 28 <script> 29 requestAnimationFrame(() => { 30 window.scrollTo(50, 100); 31 document.documentElement.classList.remove("reftest-wait"); 32 }); 33 </script> 34 </body> 35 </html>