display-table-column.html (713B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <head> 4 <style> 5 .foo * { 6 display: table-column; 7 } 8 </style> 9 <script> 10 requestAnimationFrame(() => { 11 requestAnimationFrame(() => { 12 const link = document.querySelector('link'); 13 // This will queue the creation of an accessibility object for the 14 // link, because it will now have layout. 15 document.documentElement.className = 'foo'; 16 // Do something that forces the link's accessibility object to get an 17 // additional update. 18 link.ariaChecked = 'true'; 19 requestAnimationFrame(()=> { 20 requestAnimationFrame(()=> { 21 document.documentElement.className = ''; 22 }); 23 }); 24 }); 25 }); 26 </script> 27 </head> 28 <body> 29 <link/> 30 </body> 31 </html>