window.scroll with options object used in scrollToHash is not supported in IE, Edge, Safari and older versions of Chrome

In scrollToHash function window.scroll method is called with options object. Unfortunately, this syntax is not supported by IE, Edge, Safari and older versions of Chrome (MDN docs), which only support the old syntax, i.e. window.scroll(x-coord, y-coord).

Top 3 JS errors on our site reported by TrackJS are caused by this issue 😕 Unfortunately some browsers that don’t support it don’t throw any error and simply scroll to 0, 0, but e.g. older versions of Chrome (e.g. 55, even though it should work according to MDN) throw the following error:

Failed to execute 'scroll' on 'Window': No function was found that matched the signature provided.

[jamesknelson]

This is definitely something that needs fixing then. I hadn’t realized that such recent browsers didn’t support this.

Perhaps the best approach is to just use the old syntax, and leave smooth-scrolling to the user through a scroll-behavior css property. Does this sound reasonable?

[jamesknelson]

Navi 0.12.8 will now use the old form of window.scroll by default.

To opt in to smooth scrolling, you have a couple options:

• pass a hashScrollBehavior='smooth' prop to <Router> or <NaviProvider>
• wrap your app in a <HashScroll behavior='smooth'> component