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);