Jump link anchors dont work

Bug report

Describe the bug

When clicking an anchor tag in a different page with a jump to id tag, it raises an error and doesnt go.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

<a className='nav-link' href='https://github.com/zeit/next.js/#documentation' > Docs </a>

Expected behavior

should redirect to github and scroll to documentation tag

Screenshots

System information

• Browser (if applies): Chrome
• Nextjs version: 9.1.6

Additional context

I’ve tried this in another project without nextjs and it works fine i also tried in a random place like

https://jsfiddle.net/uqxck4jv/

[Seybo]

Here is how i adapted the above because it doesn’t work on mobile for me:

  React.useEffect(() => {
    const path = window.location.hash
    if (path && path.includes("#")) {
      setTimeout(() => {
        const id = path.replace("#", "")
        const el = window.document.getElementById(id)
        const r = el.getBoundingClientRect()
        window.top.scroll({
          top: pageYOffset + r.top,
          behavior: "smooth",
        })
      }, 600)
    }

[jasdeepsingh]

Have this exact same issue.

Why is this not a priority for the Nextjs team? This is breaking a pretty common web pattern for any sites built on top of Nextjs.