react-responsive-carousel

react-responsive-carousel copied to clipboard

When on a mobile device (tested with FF, Chrome and Safari emulator) any vertical scrolling of the page is not possible when dragging within a carousel element. Swiping left and right works as expected to move the carousel to the right and left. However you can no longer scroll the page up and down which causes issues if your carousel is close to or greater than the device height, effectively trapping the user from being able to scroll up and down the page.

Tried with the config parameters swipe=true and both emulateTouch=false and emulateTouch=true. Also adjusted the swipeScrollTolerance with success reducing errant left/right swipes but it has no effect on vertical scrolling.

Experienced with v3.2.7.

I have the same proble.

Same here!

Same here! did you guys find any workaround?

I have the same issue. Would love a fix or a workaround.

I have the same issue. Would love a fix or a workaround.

I used this library for few months, I used to disable the sliding on mobile devices.

But now I've started using SwiperJs

I was able to solve the issue by setting preventMovementUntilSwipeScrollTolerance={true} and swipeScrollTolerance={50}

@lambdadev007 thanks it worked ,

Thank you @lambdadev007, it works great!

Thnks @lambdadev007 solved

@lambdadev007 worked, thanks!

I was able to solve the issue by setting preventMovementUntilSwipeScrollTolerance={true} and swipeScrollTolerance={50} It's working properly Thank you so much

thank you @lambdadev007

Thanks, @lambdadev007 it worked!

trying to scroll vertically on thumbs giving the same issue, has anyone fixed it ?

Thank you @lambdadev007 this works

Thank you @lambdadev007 this works

Thank you @lambdadev007 , it worked!

Thanks @lambdadev007 worked for me !!

I was able to solve the issue by import {Carousel} from "primeng/carousel"; constructor(){ Carousel.prototype.onTouchMove = () => { };
}