Polyfill is not applied in Edge 87 & Chrome 87 (Windows 10)

[hivokas]

Thanks for this awesome polyfill! Great job!

I've encountered a problem. Sometimes polyfill is not applied because these two checks return true...

...while the smooth scrolling doesn't work.

What do you think about providing a way to force apply the polyfill? For example, by prepending the polyfill import with window.forcePolyfillScrollBehavior = true;.

[hivokas]

I've managed to force apply the polyfill the following way:

delete Element.prototype.scrollTo;
require('scroll-behavior-polyfill');

But I really don't like it.

[hivokas]

It would be even cooler if I can do something like that:

import { patch } from 'scroll-behavior-polyfill';

/* my code */

patch();

[slorber]

By chance, is there a better way to detect when the polyfill is really required?

It seems like the 'scrollBehavior' in document.documentElement.style is not a good-enough test as it returns true and then the native smooth scrollBehavior does not work in practice. It has been reported for some Windows and Linux users.

The home readme may also be a bit misleading: it's more reliable to always apply the polyfill in current state.

[slorber]

Nolan Lawson used another way to test for this in his project but in my case it didn't give much better results: nolanlawson/pinafore#2082

function testSupportsSmoothScroll () {
  let supports = false
  try {
    const div = document.createElement('div')
    div.scrollTo({
      top: 0,
      get behavior () {
        supports = true
        return 'smooth'
      }
    })
  } catch (err) {} // Edge throws an error
  return supports
}