scale-stretchy-004.html (1920B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Minimal size for a horizontal arrow stretched by scaling</title> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=414277"> 7 <link rel="mismatch" href="scale-stretchy-004-ref.html"> 8 <meta name="assert" content="Verify minimal width of horizontal operator stretched by scaling."> 9 </head> 10 <body> 11 <!-- This assumes that the system fonts do not provide a way to draw a 12 bigger U+21DB RIGHTWARDS TRIPLE ARROW and that preference 13 `mathml.scale_stretchy_operators` is enabled, so that we exercise 14 stretching of largeop using a scale. This test may still pass if 15 stretching is not performed via a scale though. --> 16 <table style="position: absolute;"> 17 <tr align="center"> 18 <td><div style="width: 200px; height: 5px; background: black"/></td> 19 </tr> 20 <tr align="center"> 21 <td> 22 <math xmlns="http://www.w3.org/1998/Math/MathML"> 23 <munder> 24 <mspace width="100px" height="5px" style="background: yellow"/> 25 <mo style="color: blue;">⇛</mo> 26 </munder> 27 </math> 28 </td> 29 </tr> 30 </table> 31 <!-- The green rect is slightly narrower than the target size so it should 32 not completely cover the operator. --> 33 <table style="position: absolute;"> 34 <tr align="center"> 35 <td><div style="width: 200px; height: 5px; background: black"/></td> 36 </tr> 37 <tr align="center"> 38 <td> 39 <math xmlns="http://www.w3.org/1998/Math/MathML"> 40 <munder> 41 <mspace width="100px" height="5px" style="background: yellow"/> 42 <mspace width="88px" height="25px" depth="25px" 43 style="background: green;"/> 44 </munder> 45 </math> 46 </td> 47 </tr> 48 </table> 49 </body> 50 </html>