safari 'overflow: hidden;'

[chanwukim]

📝 개요

다음 코드가 ios safari에서는 동작하지 않음

    if (isOpen) {
      document.body.setAttribute(
        "style",
        "position:relative; overflow: hidden;",
      );

      return () => {
        document.body.removeAttribute("style");
}

✅ TODO

💬 기타

[chanwukim]

재귀로 스크롤 가능한 모든 요소를 다 막아야한다네요
관련 라이브러리 https://www.npmjs.com/package/react-remove-scroll

[chanwukim]

-webkit-overflow-scrolling이 non-standard임.

    if (isOpen) {
      document.body.style.cssText = `
      overflow: hidden;
      overscroll-behavior: none;
      touch-action: none;
      -webkit-overflow-scrolling: none;`;

      return () => {
        document.body.style.cssText = "";
      };
    }