Implement scroll to top on page navigate

[lubej]

No description provided.

[github-actions]

Deployed to Cloudflare Pages

Latest commit:	9784eb9d623295c92a57798f2a6cba53d6657ed0
Status:	✅ Deploy successful!
Preview URL:	https://1998bf82.oasis-explorer.pages.dev

[lubej]

[Mobile] When accessing a dashboard it isn't scrolled to top
As you can see in the recording the dashboard page does not load all the way to the top partially hiding the search feature and logo: /video missing/

[lukaw3d]

My preferred UX would be: scroll to top on navigation, but keep position when refreshing and reopening tabs

[lukaw3d]

and restore position when clicking back (or forward)

[csillag]

My preferred UX would be: scroll to top on navigation, but keep position when refreshing and reopening tabs, and restore position when clicking back (or forward)

👍🏻

[lubej]

My preferred UX would be: scroll to top on navigation, but keep position when refreshing and reopening tabs, and restore position when clicking back (or forward)

👍🏻

Implemented, ScrollRestoration did not quite cover all the cases, especially on forward and page refresh. As the case for reopening the tabs, it works as long there is an active tab open - since the scroll map is saved in sessionStorage.

[lukaw3d]

@lubej can you check if #567 (https://2010762f.oasis-explorer.pages.dev/) satisfies all requirements? I checked the basics, and seems to behave the same/better, without a custom implementation

[lubej]

@lubej can you check if #567 (https://2010762f.oasis-explorer.pages.dev/) satisfies all requirements? I checked the basics, and seems to behave the same/better, without a custom implementation

@lukaw3d one thing that does not work is reopening the tab, but given how much it simplifies the code, I would go with your implementation. Not sure why I was facing issues with ScrollRestoration -> forward particularly. When in your case it seems to work fine.