<!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>