search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.76k stars 2.11k forks source link

Pinch to zoom not working on iOS 13 #1640

Open justinbsmith opened 5 years ago

justinbsmith commented 5 years ago

React Slick appears to interfere with pinch zoom on iOS 13. The issue is reproducible on the demo page here: https://react-slick.neostack.com/.

Pinching inside the carousel does nothing, while pinching anywhere else on the page zooms.

lowsky commented 4 years ago

I found out that the styling contains this setting:


.slick-slider {
  // ...
  touch-action: pan-y
  // ...
}```

Seems it just needs to enable the pinch-zoom, see:
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
justinbsmith commented 4 years ago

Thanks @lowsky . I've actually been meaning to respond back to this thread for the benefit of anyone else with this issue, as I discovered this a couple of weeks ago. In our case, we set touch-action: auto. It's really not clear to me what effect this has on the slider, as changing the setting had no negative impact on its functionality that I could discern.