mo-glyph-height-with-default-font.html (1574B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>mo glyph height with default font</title> 6 <meta name="assert" content="Verify operators with default fonts are not too tall."> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1219068"/> 8 <link rel="match" href="mo-glyph-height-with-default-font-ref.html"/> 9 </head> 10 <body> 11 <math style="position:absolute; top: 0; font-size:1em; z-index: 0;" display="block"> 12 <mrow> 13 <mo>|</mo> 14 <mrow> 15 <mi>f</mi> 16 <mrow> 17 <mn>(</mn> 18 <mi>x</mi> 19 <mn>)</mn> 20 </mrow> 21 <mn>−</mn> 22 <mrow> 23 <mi>f</mi> 24 <mrow> 25 <mn>(</mn> 26 <msub> 27 <mi>x</mi> 28 <mn>0</mn> 29 </msub> 30 <mn>)</mn> 31 </mrow> 32 </mrow> 33 </mrow> 34 <mo>|</mo> 35 </mrow> 36 </math> 37 <div id="hider" 38 style="position:absolute; top:0; left:0; background-color:green; 39 height:1em; width:100%; z-index:1; padding-top:5px; 40 padding-bottom:5px; visibility:hidden" /> 41 <script> 42 function obscureMathML() { 43 var hider = document.getElementById("hider"); 44 hider.style.visibility="visible"; 45 // The math should now be completely obscured 46 47 document.documentElement.removeAttribute("class"); 48 } 49 window.addEventListener("TestRendered", obscureMathML); 50 </script> 51 </body> 52 </html>