[React-slick] React-slick Mobile의 일부 환경에서 터치 이후 멈추는 현상 수정 방법

Mobile 일부 환경 (ex. safari) 에서 터치 하고 나면 슬라이드 rolling이 멈추는 경우 발생.

터치 한 것으로 인식되어, autoplay가 멈추는 경우이다.

 

해당 경우를 수정하는 방법은 아래와 같다.

React-slick slider settings에 아래의 세팅들을 추가해주면 해결이 된다.

( touch, focus 했을 경우 autoplay를 멈추는 걸 해제해준다. )

pauseOnFocus: false,
pauseOnHover: false