Unable to scroll up to see everything after returning back to home page

[catch-21]

Description

If navigating away from the home page and then returning using the Back button then the home page doesn't render correctly.

Steps to reproduce

• Navigate to https://explorer.cardano.org
• Click on any link (e.g. "Show more" button or an Epoch number)
• Once new page has loaded press browser's Back button

Actual Result

Home page doesn't render correctly. Only "Latest Blocks" is displayed fully, "Latest Epochs" is faded and the search bar cannot be scrolled up to. Need to refresh to load correctly. See screenshot below. (If unable to reproduce first time try refreshing on home page and try again, always happens for me after refresh)

Desired Result

Home page always displays the same regardless of how it is navigated to.

Environment

Linux Mint 20 (Ulyana)
Brave browser - Version 1.20.108 Chromium: 88.0.4324.182 (Official Build) (64-bit)
and
Firefox 86.0 (64-bit)

[smnhgn]

I had a look into this bug and here is what I found:

Currently the static html for root locale paths (e.g. "https://explorer.cardano.org/en") is generated without trailing slashes, which means ​the resulting html for "/en" is "en.html" and not "en/index.html". So if a user navigates to "/en" the url is replaced with "/en.html".

For some reason the navigation through browser back does not load "en.html" directly but goes through source/pages/_app.tsx first and uses "en.html" as locale pageProp. Due to the fact that "en.html" is not a supported locale the page is displayed with the ErrorPage Layout.

I haven't tested it yet, but it might be possible to add exceptions for root locale paths in "exportPathMap" of next.config.js.
If the static html export of root locale paths is "en/index.html" instead of "en.html" then the browser wouldn't replace "https://explorer.cardano.org/en" with "https://explorer.cardano.org/en.html".