Scroll position is not preserved when using back and forward buttons

I expect to land on the same scroll position as I was before on a page A, when I use a back button on page B.

I end up on the top of the page A or even at a different position, instead of on the scroll position I was before.

Reproduction

1. visit https://vuejs.org/guide/introduction.html
2. scroll to the bottom of the page, I can now see a heading "Pick Your Learning Path"
3. click on "Quick Start" in the left navigation menu, I am now on page https://vuejs.org/guide/quick-start.html
4. scroll to the bottom of the page, I can now see a heading "Next Steps"
5. hit Back button in the browser
6. I can see the heading "Pick Your Learning Path" on page "Introduction"
7. hit Forward button in the browser
8. I am on page "Quick Start". I can no longer see the heading "Next Steps". I can see "Using Vue from CDN" at the top of my viewport.
9. quickly hit back, forward, back, forward in the browser
10. I am on page "Quick Start". I can no longer see any of the headings mentioned above, because I am on the top of the page suddenly.

Expected behavior

Ideally the scroll position would be preserved at the exact same position, as it is done on plain HTML by browsers.

The issue is not present when I disable JavaScript in DevTools.

Environment

Browser: Firefox 112
OS: Pop_OS (Ubuntu) 22.04

Start by reproducing the back/forward navigation sequence on the Vue documentation pages in Firefox with JavaScript enabled, then compare it with JavaScript disabled. Trace the documentation site's client-side navigation and scroll restoration behavior; done means returning to Introduction and Quick Start restores the prior scroll positions reliably during repeated back and forward navigation.