Skip to content

svelte:head rendering problem with 5:Runes #11092

Closed
@shinokada

Description

@shinokada

Describe the bug

Demo

When I use <svelte:head> in different components, its contents are added to different tags.
The following shows the head section of the above demo output. It add a meta tag content to script.

<head>
  <meta charset="utf-8">
  <title>Awesome Svelte</title>
<!--[-->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=12345" 
content="Welcome to Svelte/SvelteKit">
</script>
<meta name="description" content="Welcome to Svelte/SvelteKit"> 
<meta name="author" content="@svelteawesome">
<!--]-->
	// more 
<script>
      window.dataLayer = window.dataLayer || [];
      function gtag() { dataLayer.push(arguments); }
      gtag('js', new Date());
      gtag('config', '12345');
      </script>
</head>

If I add more meta tags the content of meta tags are not in the right places.

Reproduction

Please see the Stackblitz demo.

Logs

No response

System Info

System:
    OS: macOS 14.5
    CPU: (10) arm64 Apple M2 Pro
    Memory: 216.94 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
    npm: 10.2.4 - ~/.nvm/versions/node/v20.10.0/bin/npm
    pnpm: 8.15.6 - /opt/homebrew/bin/pnpm
    bun: 1.0.13 - ~/.bun/bin/bun
  Browsers:
    Chrome: 123.0.6312.107
    Edge: 123.0.2420.81
    Safari: 17.5
  npmPackages:
    svelte: 5.0.0-next.95 => 5.0.0-next.95

Severity

annoyance

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions