Clicking on the “See more FAQs about Firefox Relay” link redirects the Firefox user to the bottom of the FAQs page

[AOiegas]

Build:

• Stage;
• Production;

Affected Platforms:

• Windows 10;

Browsers tested on:

• Firefox, Release version;

Prerequisites:

• Do NOT be signed in into a Firefox Relay account;

Steps to reproduce:

1. Go to the Relay home/landing page;
2. Scroll down to the FAQs section at the bottom of the page;
3. Click on the “See more FAQs about Firefox Relay” link;
4. Observe the results;

Expected result:

• Clicking on the link redirects the user to the top of the FAQs page;

Actual result:

• Clicking on the link redirects the user to the bottom of the FAQs page instead;

Notes:

• This happens only on Firefox. Chrome and Edge scroll the user to the top of the page;
• See attached media:
  

[joaonunomota]

I haven't been able to reproduce this with version 112.0.1 (64-bit) of Firefox on Windows 10. Is there any more testing needed to confirm if this is no longer an issue?

[Vinnl]

Thanks for looking into this. It looks like Next.js now scrolls to the top by default, which I think was added in vercel/next.js#42492 after this issue was created. So I think this can be closed.

[vadym-lohvynovych]

On my project we have skeletons which we need to show while new page is loading, so once new page started loading we needed to catch it and scroll to the top immediately because if we do not scroll user will see bottom of the page if his scroll position was not 0.
Here's the solution which can also help you:
You can catch route change event and scroll the page programatically (there are also routeChangeComplete and routeChangeError events)

const handleStart = (path: AppPath, config: { shallow: boolean }) => {
  if (!config.shallow) {
    window.scrollTo(0, 0);
  }
};

router.events.on('routeChangeStart', handleStart);

return () => {
  router.events.off('routeChangeStart', handleStart);
};

this code should be called on mount