Can not scroll vertically in mobile

[jleider]

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.

[wulinjie122]

I have the same proble.

[juagarciaga]

Same here!

[Aniket-IN]

Same here! did you guys find any workaround?

[sanders54]

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

[Aniket-IN]

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

[lambdadev007]

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

[ZainabShakeel]

@lambdadev007 thanks it worked ,

[eliasdiek]

Thank you @lambdadev007, it works great!

[naothomachida]

Thnks @lambdadev007 solved

[xyztavo]

@lambdadev007 worked, thanks!

[mizanur919]

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

[kratos-respawned]

thank you @lambdadev007

[sooraj-sanwal]

Thanks, @lambdadev007 it worked!

[rjomir]

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

[stefkudla]

Thank you @lambdadev007 this works

[gsmatheus]

Thank you @lambdadev007 this works

[tarunji-123]

Thank you @lambdadev007 , it worked!

[Basantjanghel]

Thanks @lambdadev007 worked for me !!

[haghverdish]

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

[MattyB2112]

@lambdadev007

2 years later and this has answered my EXACT question! Thank you so much :D

[perryraskin]

@lambdadev007 THANK YOU, YOU BEAUTIFUL HUMAN

[viktoriabakun]

@lambdadev007 Thanks! Helped me on Android! :)
(on IOS it was ok)

[parthpaghdal0]

@lambdadev007 Thanks a lot! This works for me.