React-responsive-carousel: Problem with swiping on mobile

[hustlerism]

When i swiped up it will swipe to the previous slide and when i swiped down it will swipe to the next slide.

Swiping right and left are working as expected. It should not be able to swipe up and down to change the slides.

<Carousel emulateTouch={true} showArrows={false} showIndicatiors={false} showStatus={false}>

[leandrowd]

Hi @hustlerism, I've added support to adding tolerance. The default value is 5(px) which should solve your use case. If you feel it's not enough, use the prop swipeScrollTolerance to increase this value. Please update to the latest version (3.1.16) and let me know how it goes.

[hustlerism]

Hi @leandrowd , the slides tends to wobbles when the page being scrolled vertically.

Btw, is it possible to stop the slides from dragging (draggable=false?) when we touch and hold it?

[leandrowd]

Hi @hustlerism, it's possible but I don't currently have any spare time to dedicate to this project right now. Would you like to fix it and send a PR?

[leandrowd]

Hi @hustlerism, the problem that was causing the wobbles is now fixed. Please download the version 3.1.17.

[nadzimo]

Hi,
I am on 3.1.39 and I still face this issue.
When on mobile and the user is swiping up to scroll through a page, if they start the swiping by touch a slider, the slider will slightly wobbly left or right (depending on the direction of the vertical swipe).

[JulianJorgensen]

I am seeing the same issue as @nadzimo . Great library btw!

[aniruddhashevle]

@leandrowd : I'm having the same issue on 3.2.7. We should allow horizontal swipe only, right?