Experimental view transitions breaks navigation on the same page

[NinoMaj]

What version of astro are you using?

2.9.3

Are you using an SSR adapter? If so, which one?

No

What package manager are you using?

npm

What operating system are you using?

Mac

What browser are you using?

Chrome

Describe the Bug

Hi Astro team,

Thanks for shipping experimental view transitions API, huge win for the web.
I've just tested it and it breaks navigation on the same page.

// index.astro
<a href="/blog">blog</a>
<a href="#test">test</a>

<div id="test">test</a>

1. navigate to another route - /blog
2. go back to original route -/
3. navigate to an id on the same page - #test
4. nothing happens

What's the expected result?

div is scrolled into a view.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-a9ccjq-n4vkah?file=src%2Fpages%2Findex.astro,astro.config.mjs,src%2Flayouts%2FLayout.astro,src%2Fpages%2Fblog.astro,package.json&on=stackblitz

Participation

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

[matthewp]

Thanks! Will take a look.

[Alecyrus]

@matthewp Hi! Matthew. Did you notice the following error in devtools?

Be more specifically, this error is related to View Transition feature.

I upgrade the astro to latest version(2.9.6), but the error is still there.

there is a minimal repo: online
reproduce steps:

1. navigate to /blog

then you will see the error in chrome devtools.