Back Button does not scroll to the correct position

[nilslindemann]

Describe the bug

In all tested browsers (Firefox, Chrome) the back button does not restore the scroll position of the previous page, when it is an internal link.

Reproduction

• Go to https://svelte.dev/docs/introduction
• Scroll down, click on "NEXT: Svelte components"
• Click on the browser back button

As a result we navigate back to the page where we came from, but the scroll position is not restored.

For comparision, on the same page, click on the external "Stack Overflow" or "Discord Chatroom" link and navigate back. The scroll position will be restored.

Logs

No response

System Info

System:
    OS: Linux 5.15 Linux Mint 21.1 (Vera)
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 7.77 GB / 15.36 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.3.1 - ~/Node.js/v20.3.1/bin/node
    Yarn: 1.22.19 - ~/Node.js/v20.3.1/bin/yarn
    npm: 9.7.2 - ~/Node.js/v20.3.1/bin/npm
    pnpm: 8.6.5 - ~/Node.js/v20.3.1/bin/pnpm

Severity

annoyance

Additional Information

I am not sure if #10245 is related.

[PatrickG]

The reason is that the <main> element is used as the scroll container.
Not sure why, on sveltekit site this is not the case.

Edit: This change was made in site-kit (sveltejs/site-kit#142) and would affect the sveltekit site as well after this PR gets merged.

[dummdidumm]

This goes back to a bug within Svelte that is fixed in 4.0.2. Bumping the kit site to that version should fix the error.

[nilslindemann]

@dummdidumm I am testing it locally with a svelte repo which is in sync with the current master. It contains #8877, which is tagged 4.0.2. I can still observe the bug. I followed these instructions.

[dummdidumm]

Apologies, I mixed up the two issues, ignore my comment

[PatrickG]

This got fixed.

[nilslindemann]

Thank you 🙏