Closed
Description
Describe the bug
If a Svelte component is rendered to a ShadowRoot, it is not possible to create a top level {@html ...}
tag.
The element creation fails with:
DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('#document-fragment') is not a valid name.
It works if {@html ...}
is wrapped by another element.
Reproduction
https://stackblitz.com/edit/vitejs-vite-wc4uwt?file=src/App.svelte
Logs
DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('#document-fragment') is not a valid name.
at element (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/.vite/deps/chunk-BJ76AV5Z.js?v=921e7c36:333:19)
at HtmlTag.m (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/.vite/deps/chunk-BJ76AV5Z.js?v=921e7c36:700:18)
at Object.mount [as m] (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/src/App.svelte?t=1668790976113:43:13)
at mount_component (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/.vite/deps/chunk-BJ76AV5Z.js?v=921e7c36:1686:24)
at init (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/.vite/deps/chunk-BJ76AV5Z.js?v=921e7c36:1765:5)
at new App (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/src/App.svelte?t=1668790976113:83:3)
at createComponent (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/svelte-hmr/runtime/svelte-hooks.js?v=921e7c36:206:20)
at targetCmp.$replace (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/svelte-hmr/runtime/svelte-hooks.js?v=921e7c36:269:15)
at refreshComponent (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/svelte-hmr/runtime/proxy.js?v=921e7c36:171:15)
at ProxyAdapterDom.rerender (https://vitejs-vite-wc4uwt--5173.local-credentialless.webcontainer.io/node_modules/svelte-hmr/runtime/proxy-adapter-dom.js?v=921e7c36:77:5)
System Info
System:
OS: Linux 5.10 Debian GNU/Linux 11 (bullseye) 11 (bullseye)
Container: Yes
Shell: 5.1.4 - /bin/bash
Binaries:
Node: 16.18.1 - /usr/bin/node
npm: 8.19.2 - /usr/bin/npm
Browsers:
Vivaldi: 5.5.2805.44 (blink/chromium based)
npmPackages:
svelte: ^3.52.0 => 3.53.1
vite: ^3.2.3 => 3.2.4
Metadata
Metadata
Assignees
Labels
No labels