| <!DOCTYPE html> |
| <html class="test-wait"> |
| <head> |
| <style> |
| .foo * { |
| display: table-column; |
| } |
| </style> |
| <script> |
| requestAnimationFrame(() => { |
| requestAnimationFrame(() => { |
| const link = document.querySelector('link'); |
| // This will queue the creation of an accessibility object for the |
| // link, because it will now have layout. |
| document.documentElement.className = 'foo'; |
| // Do something that forces the link's accessibility object to get an |
| // additional update. |
| link.ariaChecked = 'true'; |
| requestAnimationFrame(()=> { |
| requestAnimationFrame(()=> { |
| document.documentElement.className = ''; |
| }); |
| }); |
| }); |
| }); |
| </script> |
| </head> |
| <body> |
| <link/> |
| </body> |
| </html> |
