diff --git a/.changeset/stupid-hats-jam.md b/.changeset/stupid-hats-jam.md new file mode 100644 index 0000000000..a818a76629 --- /dev/null +++ b/.changeset/stupid-hats-jam.md @@ -0,0 +1,5 @@ +--- +'@lion/ui': patch +--- + +Now prints console error when shadowRoot is not found diff --git a/packages/ui/components/core/src/SlotMixin.js b/packages/ui/components/core/src/SlotMixin.js index 1442f20b29..0acafb5e94 100644 --- a/packages/ui/components/core/src/SlotMixin.js +++ b/packages/ui/components/core/src/SlotMixin.js @@ -131,7 +131,13 @@ const SlotMixinImplementation = superclass => if (isFirstRender) { // @ts-expect-error wait for browser support const supportsScopedRegistry = !!ShadowRoot.prototype.createElement; - const registryRoot = supportsScopedRegistry ? this.shadowRoot || document : document; + const hasShadowRoot = Boolean(this.shadowRoot); + if (!hasShadowRoot) { + // TODO: throw an error in a breaking release + // eslint-disable-next-line no-console + console.error(`[SlotMixin] No shadowRoot was found`); + } + const registryRoot = supportsScopedRegistry ? this.shadowRoot : document; // @ts-expect-error wait for browser support const renderTargetThatRespectsShadowRootScoping = registryRoot.createElement('div');