Wouldn't scroll to the top after a visit on Firefox if scroll-behavior: smooth is set

[osvaldasvalutis]

Turbo wouldn't scroll to the top of the page after page Turbo visit triggered by a link click on Firefox if scroll-behavior: smooth is set on html element. It had been a known issue on Turbolinks as well.

I've been using this workaround:

  document.addEventListener(`turbo:load`, () => {
    document.documentElement.style.scrollBehavior = `smooth`
  })

  document.addEventListener(`turbo:before-visit`, () => {
    document.documentElement.style.scrollBehavior = `unset`
  })

[donovanglover]

Related: #400

[Muhammad-Sarfaraz]

Turbo wouldn't scroll to the top of the page after page Turbo visit triggered by a link click on Firefox if scroll-behavior: smooth is set on html element. It had been a known issue on Turbolinks as well.

I've been using this workaround:

  document.addEventListener(`turbo:load`, () => {
    document.documentElement.style.scrollBehavior = `smooth`
  })

  document.addEventListener(`turbo:before-visit`, () => {
    document.documentElement.style.scrollBehavior = `unset`
  })

If you're using Firefox and encountering any scrolling issues with turbo js, you can use above code snippet.