<!--
@BLINK-ALLOW:htmlTag*
@WAIT-FOR:Done
-->
<!-- Do not create accessible objects for head, style, script subtrees
when hidden via CSS content-visibility -->
<html>
<head>
<title>Loading...</title>
<style>
head,style,script { display:block; content-visibility:hidden; }
</style>
<style>
p { outline: 2px solid green; }
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
// Change inner text of head, style, and script to see if it causes
// an attempt to create an accessible object inside a subtree of head,
// style, or script, which is not allowed. A DCHECK will be triggered
// if an accessible object is created within any of these elements.
// Leaves the first two style and script elements alone as they are
// used for the test implementation.
document.querySelectorAll('style')[1].innerText = 'p { outline: 3px dotted blue; }';
document.querySelectorAll('style')[2].innerText = 'p { outline: 3px dotted blue; }';
document.querySelectorAll('script')[1].innerText = 'var y = 5;';
document.querySelectorAll('script')[2].innerText = 'var y = 5;';
document.head.appendChild(document.createElement('meta'));
document.head.appendChild(document.createElement('p'));
document.title = 'Done';
}, 50);
});
</script>
<script>
var x = 3;
</script>
</head>
</html>
<body>
<style>
p { outline: 2px solid green; }
</style>
<script>
var x = 3;
</script>
</body>