Scroll state carrying over to different page

[zocke1r]

Which project does this relate to?

Router

Describe the bug

When navigating from an index to a $details page. The scroll state carries over causing the new page to be loaded with the same scroll position as the index page. Setting scrollRestoration: true in createRouter fixes the issue.

Your Example Website or App

https://github.com/zocke1r/scrroll-repro

Steps to Reproduce the Bug or Issue

1. Navigate to /cards
2. scroll to the bottom of the page
3. Click on yellow block
4. Observe Scroll state on details page
5. Go Back
6. scroll to top
7. Click on yellow block
8. observe Scroll state on details page

Expected behavior

As a user i would expect that when navigating to a different page, the new page gets displayed scrolled to the top, no matter where i was on the previous page.

Screenshots or Videos

No response

Platform

• Router / Start Version: 1.141.2
• OS: Windows
• Browser: Chrome [e.g. Chrome, Safari, Firefox]
• Browser Version: 143.0.7499.41
• Bundler: vite
• Bundler Version: 7.2.7

Additional context

No response

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Possible Duplicates

• scrollRestoration not working the first time #3680

Related Issues

• Hash history router doesn't scroll to top when visiting a new page #3479
• Missing window entry in scroll cache causes wrong scroll restoration #4782
• useWindowVirtualizer with measureElement breaks scroll restoration #4107
• Links always scroll to URL hash on hover #5930

🔗 Related PRs

#4990 - refactor(router-core): scroll-restoration minor performance cleanup [merged]
#5298 - tests(solid-router): Enable e2e scroll restoration test [merged]
#5792 - fix(solid-start): navigation transitions [merged]
#5839 - docs(solid-router): scroll restoration example [merged]
#5944 - fix: Links always scroll to URL hash on hover (#5930) [merged]

👤 Suggested Assignees

• birkskyum
• anthony2261
• kottkrig
• KirianCaumes
• Krasnopir

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!