dynamic-columnspan-rowspan-001c.html (3730B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"> 5 <title>dynamic columnspan/rowspan</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#table-or-matrix-mtable"> 7 <meta name="assert" content="Rendering is updated after removing columnspan"> 8 <link rel="match" href="columnspan-rowspan-ref.html"> 9 <style> 10 mtd { padding: 0; } 11 </style> 12 <script> 13 window.addEventListener("load", () => { 14 // force initial layout so we're sure what we're testing against 15 document.documentElement.getBoundingClientRect(); 16 document.getElementById('mtd').removeAttribute("columnspan"); 17 document.documentElement.classList.remove('reftest-wait'); 18 }); 19 </script> 20 </head> 21 <body> 22 <p>This test passes if you see a green square.</p> 23 <math> 24 <mtable> 25 <mtr> 26 <mtd id="mtd" columnspan="2"> 27 <mspace width="40px" depth="40px" style="background: green"/> 28 </mtd> 29 <mtd> 30 <mspace width="40px" depth="40px" style="background: green"/> 31 </mtd> 32 <mtd> 33 <mspace width="40px" depth="40px" style="background: green"/> 34 </mtd> 35 <mtd> 36 <mspace width="40px" depth="40px" style="background: green"/> 37 </mtd> 38 <mtd> 39 <mspace width="40px" depth="40px" style="background: green"/> 40 </mtd> 41 </mtr> 42 <mtr> 43 <mtd> 44 <mspace width="40px" depth="40px" style="background: green"/> 45 </mtd> 46 <mtd> 47 <mspace width="40px" depth="40px" style="background: green"/> 48 </mtd> 49 <mtd> 50 <mspace width="40px" depth="40px" style="background: green"/> 51 </mtd> 52 <mtd> 53 <mspace width="40px" depth="40px" style="background: green"/> 54 </mtd> 55 <mtd> 56 <mspace width="40px" depth="40px" style="background: green"/> 57 </mtd> 58 </mtr> 59 <mtr> 60 <mtd> 61 <mspace width="40px" depth="40px" style="background: green"/> 62 </mtd> 63 <mtd> 64 <mspace width="40px" depth="40px" style="background: green"/> 65 </mtd> 66 <mtd> 67 <mspace width="40px" depth="40px" style="background: green"/> 68 </mtd> 69 <mtd> 70 <mspace width="40px" depth="40px" style="background: green"/> 71 </mtd> 72 <mtd> 73 <mspace width="40px" depth="40px" style="background: green"/> 74 </mtd> 75 </mtr> 76 <mtr> 77 <mtd> 78 <mspace width="40px" depth="40px" style="background: green"/> 79 </mtd> 80 <mtd> 81 <mspace width="40px" depth="40px" style="background: green"/> 82 </mtd> 83 <mtd> 84 <mspace width="40px" depth="40px" style="background: green"/> 85 </mtd> 86 <mtd> 87 <mspace width="40px" depth="40px" style="background: green"/> 88 </mtd> 89 <mtd> 90 <mspace width="40px" depth="40px" style="background: green"/> 91 </mtd> 92 </mtr> 93 <mtr> 94 <mtd> 95 <mspace width="40px" depth="40px" style="background: green"/> 96 </mtd> 97 <mtd> 98 <mspace width="40px" depth="40px" style="background: green"/> 99 </mtd> 100 <mtd> 101 <mspace width="40px" depth="40px" style="background: green"/> 102 </mtd> 103 <mtd> 104 <mspace width="40px" depth="40px" style="background: green"/> 105 </mtd> 106 <mtd> 107 <mspace width="40px" depth="40px" style="background: green"/> 108 </mtd> 109 </mtr> 110 </mtable> 111 </math> 112 </body> 113 </html>