ladybird/Tests/LibWeb/Text/input/ShadowDOM/remove-style-element-inside-shadow-tree.html
Andreas Kling 3b7534b362 LibWeb: Use correct scope when removing style sheet inside a shadow tree
Before this change, removing a style element from inside a shadow tree
would cause it to be unregistered with the document-level list of sheets
instead of the shadow-root-level list.

This would eventually lead to a verification failure if someone tried to
update the text contents of that style element, since it was still in
the shadow-root-level list, but now with a null owner element.

Fixes a crash on https://www.swedbank.se/
2024-07-23 11:12:18 +02:00

20 lines
647 B
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>