polyfills
polyfills copied to clipboard
[scoped-custom-element-registry] When used, elements defined globally remain undefined
Description
In short, I wanted to use globally defined elements in an element which also uses a scoped registry. In my real scenario, the global elements are Shoelace.
Unfortunately, if I use a global element inside a shadow root with scoped registry, it is not created as expected.
Example
https://lit.dev/playground/#gist=aeaab7d7ae68b4341eee63c47d663337
Steps to reproduce
- Define
my-parentwith a scoped custom element registry - In its shadow DOM render a
my-childelement - Define
my-childin global registry
Expected behavior
my-child should be correctly upgraded
Actual behavior
my-child remains undefined unless it is added to the scoped element registry
Version
"@webcomponents/scoped-custom-element-registry": "^0.0.9",
"@open-wc/scoped-elements": "^3.0.5",