ladybird/Tests/LibWeb/Text/input/ShadowDOM/remove-style-element-inside-shadow-tree.html
2025-03-20 11:50:49 +01:00

21 lines
663 B
HTML

<!DOCTYPE html>
<div id=foo>
<template shadowrootmode="open">
<style>
div { border: 5px solid black; }
</style>
<div>hello</div>
</template>
</div>
<script src="../include.js"></script>
<script>
test(() => {
println(foo.shadowRoot.styleSheets);
println("Before remove, sheet count: " + foo.shadowRoot.styleSheets.length);
let style = foo.shadowRoot.firstElementChild;
style.remove()
println("After remove, sheet count: " + foo.shadowRoot.styleSheets.length);
style.innerText = "div { border: 10px solid red; }";
println("After setting innerText of removed sheet, we're still alive!");
});
</script>