Carousel swipe/scroll issue

[sjunior96]

On mobile devices, I am struggling with the fact that when users touch the screen and move vertically to scroll the page, if the move is slightly in diagonal to the Carousel, it changes to the next or previous item. I have tried adding onTouchStart, onTouchMove and onTouchEnd events to customize the behavior and only allow the event to propagate if the move was mostly horizontal, but have had no success with this approach.

Even using a ref to add the event listeners mentioned above, with passive: false, the console throws the error "Unable to preventDefault inside passive event listener invocation" or just does not work as I expected, completely blocking the Carousel from changing the page in all cases.

I need a way to prevent the users from changing the carousel page unless they really want to do that.

[sja-cslab]

@sjunior96 Please add a Stackblitz showing what exactly you're doing

[github-actions]

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.