dynamic-radical-paint-invalidation-001-ref.html (4420B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Dynamic radical: paint invalidation (expectation)</title> 6 <style> 7 @font-face { 8 font-family: RadicalFont; 9 src: url("/fonts/math/radical-displaystyleverticalgap7000-rulethickness1000.woff"); 10 } 11 math { 12 font-family: RadicalFont; 13 font-size: 10px; 14 } 15 #container > div { 16 height: 80px; 17 border-top: solid; 18 } 19 .withPaddingBorderAndMargin { 20 padding: 5px; 21 border: 5px solid yellow; 22 margin: 5px; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="container"> 28 <div> 29 <math> 30 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 31 <msqrt> 32 <mspace width="60px" height="10px" depth="10px" style="background: blue"/> 33 </msqrt> 34 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 35 </math> 36 </div> 37 <div> 38 <math> 39 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 40 <mroot> 41 <mspace width="60px" height="10px" depth="10px" style="background: blue"/> 42 <mspace width="20px" height="10px" depth="10px" style="background: lightblue"/> 43 </mroot> 44 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 45 </math> 46 </div> 47 <div> 48 <math> 49 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 50 <msqrt> 51 <mspace width="20px" height="20px" depth="10px" style="background: blue"/> 52 </msqrt> 53 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 54 </math> 55 </div> 56 <div> 57 <math> 58 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 59 <mroot> 60 <mspace width="20px" height="20px" depth="10px" style="background: blue"/> 61 <mspace width="20px" height="10px" depth="10px" style="background: lightblue"/> 62 </mroot> 63 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 64 </math> 65 </div> 66 <div> 67 <math> 68 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 69 <msqrt> 70 <mspace width="20px" height="10px" depth="40px" style="background: blue"/> 71 </msqrt> 72 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 73 </math> 74 </div> 75 <div> 76 <math> 77 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 78 <mroot> 79 <mspace width="20px" height="10px" depth="40px" style="background: blue"/> 80 <mspace width="20px" height="10px" depth="10px" style="background: lightblue"/> 81 </mroot> 82 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 83 </math> 84 </div> 85 <div> 86 <math> 87 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 88 <msqrt> 89 <mspace width="20px" height="10px" depth="10px" style="background: blue"/> 90 </msqrt> 91 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 92 </math> 93 </div> 94 <div> 95 <math> 96 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 97 <mroot> 98 <mspace width="20px" height="10px" depth="10px" style="background: blue"/> 99 <mspace width="20px" height="10px" depth="10px" style="background: lightblue"/> 100 </mroot> 101 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 102 </math> 103 </div> 104 <div> 105 <math> 106 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 107 <msqrt class="withPaddingBorderAndMargin"> 108 <mspace width="20px" height="10px" depth="10px" style="background: blue"/> 109 </msqrt> 110 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 111 </math> 112 </div> 113 <div> 114 <math> 115 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 116 <mroot class="withPaddingBorderAndMargin"> 117 <mspace width="20px" height="10px" depth="10px" style="background: blue"/> 118 <mspace width="20px" height="10px" depth="10px" style="background: lightblue"/> 119 </mroot> 120 <mspace width="20px" height="10px" depth="10px" style="background: gray"/> 121 </math> 122 </div> 123 </div> 124 </body> 125 </html>