display-and-column-properties.html (854B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <head> 4 <title>MathML elements with display and column properties</title> 5 <meta charset="utf-8"/> 6 <style> 7 math { 8 column-width: 100px; 9 } 10 </style> 11 </head> 12 <body> 13 <math></math> 14 <math style="display: list-item"></math> 15 <script> 16 window.addEventListener("load", function() { 17 // Force initial layout. 18 document.documentElement.getBoundingClientRect(); 19 20 // Change display and reforce layout. 21 let maths = document.getElementsByTagName("math"); 22 maths[0].setAttribute("style", "display: list-item"); 23 maths[1].removeAttribute("style"); 24 document.documentElement.getBoundingClientRect(); 25 26 document.documentElement.classList.remove("test-wait"); 27 }); 28 </script> 29 </body> 30 </html>