Nuxt3 Static Site Scroll Issue on Route Change

[terse mason]

Hey everyone! I have a Nuxt3 app where I use npx nuxi generate for static site generation and I've set up page transitions as per the official guide (https://nuxt.com/docs/getting-started/transitions). Everything works flawlessly, but I've observed that when navigating between routes, the scroll position of the new page is retained from the previous page. I suspect this could be due to preloading but I am not sure.

How can I ensure that every new page starts at the top scroll position after a transition?

[storm flint]

Can you create a minimal reproduction? If you believe this code https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/pages/runtime/router.options.ts, everything should work
Also, do you have the scrollToTop option set?

[terse mason]

Thanks for replying. I found out that this issue is actually related to a different issue that I found where if you use a page transition the pages load on top of each other. I am making another post in Discord about this now

[terse mason]

@storm flint
Ha! I narrowed it down! It's when you navigate to or from a page that uses a different layout, the scroll position doesn't change.
https://stackblitz.com/edit/nuxt-starter-7kblg3

[storm flint]

Is everything okay, has the issue been resolved?

[terse mason]

Not yet, I made an issue on the Nuxt Github

[storm flint]

Yeah, it looks like a bug.
look, the development team is busy, and if you want this problem to be solved faster - you can add test-case with this bug to the issue

here's an example of scrollBehavior tests: https://github.com/nuxt/nuxt/blob/main/test/basic.test.ts#L574