Polyfill is not applied in Edge 87 & Chrome 87 (Windows 10) about scroll-behavior-polyfill HOT 4 OPEN

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.

from scroll-behavior-polyfill.

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

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

/* my code */

patch();

from scroll-behavior-polyfill.

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.

from scroll-behavior-polyfill.

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
}

from scroll-behavior-polyfill.