akiran/react-slick

IOS 14 and up - slider won't scroll on drag

ThomasHoadley opened this issue · 0 comments

On mobile, IOS 14 and up (chrome and safari), the slider does not scroll when dragging it.

I have found that the following snippet seems to fix it.

Fix

document.addEventListener("touchstart", () => {}, { passive: false });

It works by overriding the touchStart event to not be passive, meaning that e.preventDefault() can run on this event, which seems to be a requirement for Slick Slider.

I'm not sure if I have missed a less hacky fix for this though. Has any one else solved this?