dynamic-columnspan-rowspan-002b.html (2484B)
1 <!DOCTYPE html> 2 <html> 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 attaching rowspan"> 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').setAttribute("rowspan", 3); 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"> 27 <mspace width="50px" depth="150px" style="background: green"/> 28 </mtd> 29 <mtd> 30 <mspace width="50px" depth="50px" style="background: green"/> 31 </mtd> 32 <mtd> 33 <mspace width="50px" depth="50px" style="background: green"/> 34 </mtd> 35 <mtd> 36 <mspace width="50px" depth="50px" style="background: green"/> 37 </mtd> 38 </mtr> 39 <mtr> 40 <mtd> 41 <mspace width="50px" depth="50px" style="background: green"/> 42 </mtd> 43 <mtd> 44 <mspace width="50px" depth="50px" style="background: green"/> 45 </mtd> 46 <mtd> 47 <mspace width="50px" depth="50px" style="background: green"/> 48 </mtd> 49 </mtr> 50 <mtr> 51 <mtd> 52 <mspace width="50px" depth="50px" style="background: green"/> 53 </mtd> 54 <mtd> 55 <mspace width="50px" depth="50px" style="background: green"/> 56 </mtd> 57 <mtd> 58 <mspace width="50px" depth="50px" style="background: green"/> 59 </mtd> 60 </mtr> 61 <mtr> 62 <mtd> 63 <mspace width="50px" depth="50px" style="background: green"/> 64 </mtd> 65 <mtd> 66 <mspace width="50px" depth="50px" style="background: green"/> 67 </mtd> 68 <mtd> 69 <mspace width="50px" depth="50px" style="background: green"/> 70 </mtd> 71 <mtd> 72 <mspace width="50px" depth="50px" style="background: green"/> 73 </mtd> 74 </mtr> 75 </mtable> 76 </math> 77 </body> 78 </html>