모바일 사파리에서 pull down to refresh시 resize 이벤트 트리거를 막는 방법이 있을까요?

Question

리액트를 사용해서 wordle을 똑같이 만들어보려고 도전 중입니다.wordle 사이트의 동작을 확인해봤을 때 리사이즈 이벤트 자체는 사이트의 레이아웃을 위해서 반드시 사용돼야 하는데,이게 모바일 사파리에서는 pull down to refresh할 때 리사이즈 이벤트를 인식하더라고요?이게 그냥 pull down to refresh가 되는 브라우저에서는 다 그런건가 했는데 모바일 크롬은 또 안그러니까 미치겠습니다...원본 wordle은 그런 문제가 없으니까 뭔가 크게 잘못한건가 싶기도 하구요..리사이즈 이벤트는 useEffect를 사용해서 걸어놨습니다. 뭘 잘못한걸까요? useEffect(() &#61;> { const resizeHandler &#61; () &#61;> { if (window.innerWidth !&#61;&#61; width &#43; (2 * footerPadding)) { setWidth(calcWidth(keyboardMaxWidth, footerPadding)) } } window.addEventListener('resize', resizeHandler) return () &#61;> window.removeEventListener('resize', resizeHandler) }, [width])

모바일 사파리에서 pull down to refresh시 resize 이벤트 트리거를 막는 방법이 있을까요?

0개의 답변

#safari 목록