astro:page-load broken and inconsistent, breaks scripts

[cabaucom376]

Astro Info

Astro                    v5.1.1
Node                     v23.5.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  @astrojs/node
Integrations             astro-meta-tags

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

No response

Describe the Bug

Initially, I could only get this to reproduce on Safari as it happens almost every time (especially iOS), but inconsistently, Chrome also has the bug. Sometimes when navigating to a page for the first time, astro:page-load is not triggered. After refreshing the page or navigating away and back, it triggers twice.

Utilizing the browser’s navigation controls instead of links seems to cause this more consistently. Whenever on a page with an astro:page-load script and you utilize browser controls to go back to a previous page, it will fire off the same script again, causing unintended side effects, especially if using event listeners.

What's the expected result?

astro:page-load only triggers once and is consistent. Utilizing browser navigation controls should not interfere as well.

Link to Minimal Reproducible Example

example

Participation

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

[github-actions]

Hello @cabaucom376. 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.

[cabaucom376]

@martrapp Added an example. I don't seem to see any logic working on stackblitz but the code works locally. To reproduce:

1. navigate to test page using link
2. navigate back to home, triggering a re-execution
3. navigate back to test page