Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't scroll page vertically on horizontal Swiper area iOS #3865

Closed
1 of 3 tasks
olso opened this issue Oct 12, 2020 · 2 comments
Closed
1 of 3 tasks

Can't scroll page vertically on horizontal Swiper area iOS #3865

olso opened this issue Oct 12, 2020 · 2 comments

Comments

@olso
Copy link

olso commented Oct 12, 2020

This is a (multiple allowed):

  • bug

  • enhancement

  • feature-discussion (RFC)

  • Swiper Version: 6.3.3

  • Platform/Target and Browser Versions: iOS

  • Live Link or JSFiddle/Codepen or website with isssue: Literally try any on demo swiper website

What you did

EXPLAIN WHAT YOU DID, PREFERABLY WITH CODE EXAMPLES, HERE.

Expected Behavior

With horizontal Swiper, I should be able to scroll vertically on the page.

Actual Behavior

Screen recording

horizontal Swiper prevents vertical page scroll, resulting in horrible UX

kidjp85/react-id-swiper#405

@olso olso changed the title Can't scroll vertically on the swiper area iOS Can't scroll page vertically on horizontal swiper area iOS Oct 12, 2020
@olso olso changed the title Can't scroll page vertically on horizontal swiper area iOS Can't scroll page vertically on horizontal Swiper area iOS Oct 12, 2020
@olso
Copy link
Author

olso commented Oct 12, 2020

fixed it with

touchReleaseOnEdges
        threshold={5}
        mousewheel={false}

@olso olso closed this as completed Oct 24, 2020
@christian-reichart
Copy link

@olso THANK you so much! This solved the issue for me. Was getting a bug report for "scrolling sometimes not working in app" and couldn't figure out why. In my opinion this is a bug (for iOS) or the threshold should have a default value.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants