scroll into view does not work in chrome 55/56 about smoothscroll

[sk1p]

I think I found the issue. Can you check if the flag "Experimental Web Platform features" is enabled in chrome://flags? In my tests, enabling this flag leads to "scrollBehavior" in document.documentElement.style === true and the erratic behavior.

[sk1p]

For reference, the bug and code review for the implementation of smooth scrolling with scrollIntoView in Chrome

[tstock55]

Having the same issue as Matt. As a workaround I just renamed the function so the native version was not called

[jeremenichelli]

On Chrome 55 and it looks like it's working OK. At least on the polyfill's site. If you have an example where scrollIntoView fails please share it.

Is it Chrome stable or canary?

[dalemartyn]

yeah its not working for me in chrome 57. 'scrollBehavior' in document.documentElement.style is true. wondering if there's a different way to feature detect?

[dalemartyn]

just to clarify, i think chrome now supports window.scroll({ behavior: 'smooth' }) natively, but doesn't support element.scrollIntoView({ behavior: 'smooth' })

[benvoynick]

Still working for me in Chrome 57.

I note that document.documentElement.style.scrollBehavior is undefined on my copy of Chrome.

[sk1p]

Interesting. Maybe a platform issue?
On Linux using Chrome Version 58.0.3029.81 (64-bit):

• Native smooth scrolling using window.scroll, window.scrollBy works
• scrollIntoView ignores the smooth behavior
• "scrollBehavior" in document.documentElement.style is true

On Android, Chrome 57:

• "scrollBehavior" in document.documentElement.style is false
• because of that, the polyfill is used successfully...

What platform are y'all on?

[dalemartyn]

yeah, you're right. i had the flag enabled. my bad.

[jeremenichelli]

Closing the issue since in Chrome stable with no experimental flag being enabled the style check the polyfills does returns false.