ladybird/Tests/LibWeb/Text/input/shadow-root-style-sheets.html
Aliaksandr Kalenik c6e69d501f LibWeb: Add style sheets to the shadow root if applicable
If a style element belongs to a shadow tree, its CSSStyleSheet is now
added to the corresponding ShadowRoot instead of the document.

Co-authored-by: Simon Wanner <simon+git@skyrising.xyz>
2024-03-09 16:13:32 +01:00

18 lines
662 B
HTML

<script src="include.js"></script>
<my-custom-element></my-custom-element>
<script>
test(() => {
class MyCustomElement extends HTMLElement {
constructor() {
super();
const shadow = this.attachShadow({ mode: 'open' });
const style = document.createElement('style');
shadow.appendChild(style);
println(`shadow.styleSheets.length=${shadow.styleSheets.length}`);
println(`document.styleSheets.length=${document.styleSheets.length}`);
}
}
customElements.define('my-custom-element', MyCustomElement);
});
</script>