'My Scroll function is not working in Safari

I'm aware that Sarari does not support smooth scrolling with JS. However, I'm okay with just the default behavior of auto. However my app doesn't seem to be doing that in Safari. It works in Chrome. Just fine. I've tried other scrollIntoView default JS function with the same arguments but nothing is happing.

I have this function

export const scrollIntoView = (node) => {
  if (!node) return;
  const element = ReactDom.findDOMNode(node);
  try {
    element.scrollIntoView({
      behavior: "auto",
      block: "start",
    });
  } catch (error) {
    element.scrollIntoView(false);
  }
};

I'm then using my function like this. I pass it in an onClick.

const myDom = document.querySelector("#root');

scrollIntoView(myDom);

Solution 1:^[1]

Unfortunately scrollIntoView is buggy on Safari. You can use a polyfill and will work https://www.npmjs.com/package/seamless-scroll-polyfill

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1

'My Scroll function is not working in Safari

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]