Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

svelte:head rendering problem with 5:Runes #11092

Closed
shinokada opened this issue Apr 8, 2024 · 1 comment · Fixed by #11099
Closed

svelte:head rendering problem with 5:Runes #11092

shinokada opened this issue Apr 8, 2024 · 1 comment · Fixed by #11099
Assignees
@trueadm
Milestone
5.0

Comments

@shinokada
Copy link

shinokada commented Apr 8, 2024 •
edited
Loading

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
@trueadm trueadm added this to the 5.0 milestone Apr 8, 2024
@trueadm trueadm self-assigned this Apr 8, 2024
@trueadm trueadm mentioned this issue Apr 8, 2024
Merged
@shinokada
Copy link
Author

I noticed that this happens only on dev tools and I tested on Firefox and Chrome.
However when I check the View Source, I can't find any problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@trueadm trueadm

Labels
None yet
Projects
None yet
Milestone
5.0
Development

Successfully merging a pull request may close this issue.

fix: improve hydration of svelte head blocks sveltejs/svelte
2 participants
@shinokada @trueadm