Hoisted <script> behavior in v5

[dylanfisher]

Astro Info

Astro                    v5.3.1
Node                     v20.18.0
System                   macOS (arm64)
Package Manager          pnpm
Output                   server
Adapter                  @astrojs/vercel
Integrations             astro-html-beautifier
                         @sanity/astro
                         @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

https://docs.astro.build/en/guides/upgrade-to/v5/#script-tags-are-rendered-directly-as-declared

In astro v4 <script> tags were hoisted to the head. In v5, they are now rendered in place by default.

Is there a way to restore the previous hoisting functionality? The reason we noticed this change is because we have CSS that targets next elements (e.g. .component + footer) that no longer work because a <script> tag is inserted between the component and the footer.

Additionally, the hoisted script tags were previously compiled into a single javascript file in v4. Now, those <script> tags have the javascript directly rendered in the HTML of the page.

What's the expected result?

The ability to specify a hoisted script behavior to match v4, or confirmation that hoisted scripts are no longer supported.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-3h3aehry?file=src%2Fcomponents%2FWelcome.astro

Participation

• I am willing to submit a pull request for this issue.

[J-env]

I have similar problem. #13002

Componentized <script> tags are rendered directly as declared, which has many strange problems.

1. In template:
2. In Alpinejs/petite-vue:
3. Custom Integration (php):

---
import MyComponent from '@/components/MyComponent.astro'
---

<div>

<template><MyComponent /></template>

<!-- <div x-for="item of list"><MyComponent /></div> -->

<!-- {`<?php if ($uid > 0): ?>`}<div><MyComponent /></div>{`<?php endif; ?>`} -->

 <MyComponent />
</div>

MyComponent.astro

---
---

<script src="./MyComponent.ts"></script>

4. When there are many components on the page, there are too many script tags

[github-actions]

Hello @dylanfisher. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs repro will be closed if they have no activity within 3 days.

[ematipico]

@dylanfisher please provide a valid reproduction, your reproduction just has script that behaves as expected, as per v5.