react-responsive-carousel: Can not scroll vertically in mobile

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.

About this issue

  • Original URL
  • State: open
  • Created 4 years ago
  • Reactions: 7
  • Comments: 19

Most upvoted comments

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

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