Version 4.6.0: Scroll to the top when reloading instead of maintaining the scroll position

[arsors]

Since upgrading from 4.5.1 to 4.6.0, I have noticed unusual scrolling behavior when I scroll down a page and refresh it via the browser. Unfortunately, I am uncertain whether this is a bug or if there is a new setting in version 4.6.0 that I am missing.

What happens with version 4.6.0:

1. I scroll down
2. Reload the page
3. Page displays the top content

What I expect (as in 4.5.1):

1. I scroll down
2. Reload the page
3. Scroll position remains the same as before reloading.

I have created a small demo package to reproduce the problem. Download, install dependencies, go into dev mode, open frontend, navigate to the about page, scroll down, reload the page.

I also activated scroll-behavior: smooth; in app.vue, which visualizes the problem even better.

I use MacOS (26.1 (25B78)) with Chrome (142.0.7444.176). I can also reproduce it in Firefox.

demo.zip

[posva]

This could be related to Nuxt. There are e2e tests in the vue-router to test this behavior and you can also test it manually with the playground in the repo and the /long-1 page

[arsors]

The problem actually also occurs when I download vue-router 4.6.3 and navigate to the /long-1 page, scroll down, and then reload. It immediately scrolls back up. In vue-router 4.5.1, the scroll state remains on the /long-1 page after a reload. So it doesn't seem to have anything to do with Nuxt.

[posva]

You might have a browser extension interfering then

[posva]

Ah I think I see what you mean, it's when you reload after immediately navigating somewhere and scrolling around. This is because of e0e38ab. Removing beforeunload was necessary so now there is this specific case where the save of the scroll position doesn't work. I added this to #2403 to not forget

[arsors]

I am not sure if we talk about the same behaviour. This is what i mean:

demo.mov

[posva]

Yes, we are talking about the same thing