31 lines
713 B
HTML
31 lines
713 B
HTML
<!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>
|