Prevent browser window scrolling Y when using flickity

metafizzy / flickity

:leaves: Touch, responsive, flickable carousels

https://flickity.metafizzy.co

7.52k stars 605 forks source link

Prevent browser window scrolling Y when using flickity #1240

Closed kubik101 closed 1 year ago

kubik101 commented 2 years ago

Is there a way to prevent browser scroll on Y axis when using the flickity slider.

I notice a lot of other sliders out in the wild make it so that you can not scroll or pull up/down (on touch devices) when the slider is being used/touched on the x axis.

The ios15 fix (no longer needed) gave the functionality I am asking for. See https://wpdevdesign.com/fixing-flickitys-issue-with-ios15-safari/

So my question is how can we make this native and part of the current version?

desandro commented 1 year ago

Thanks for the link. Yes this is an issue. I'm tracking in #1196

kubik101 commented 1 year ago

Hi Desandro. The duplicate link seems to imply it’s an iOS issue. My observation is for all browsers. And a feature/behaviour that doesn’t exist in flickity to date.