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

Page not scrollable vertically on Android, over container with horizontal scroll #140

Open
andapop opened this issue Jul 9, 2019 · 2 comments

Comments

@andapop
Copy link

andapop commented Jul 9, 2019

I have a page with horizontal containers, that scroll horizontally.
The issue appears on Android phones, in Chrome: the page as a whole is not scrollable anymore, unless I initiate the gesture from an area that does not have the horizontal scroll on it.
This issue doesn't occur on iOS.
I've tested without any settings. (implicitly horizontal is set to true)

So I'm looking for a way to let the users scroll the page vertically no matter where they initiate the gesture from (as it happens on iOS)
The horizontal container (without stopping the event propagation, or any other settings) prevents this from working.


Ideally I'd like to have these settings for the horizontal containers (cause these work best for desktop scenarios)
swapWheelAxes={true}
stopScrollPropagation={true}

I'm guessing that the "stopScrollPropagation" might cause an issue. Maybe have a way of allowing the vertical scroll on touch devices.

@lpeliberty
Copy link

Hello @souhe, same issue for me. Impossible to scroll on mobile on chrome. Can you fix this plz ?
Thx for everything !

@superweijiafeng
Copy link

Hi! I found the style touch-action: none in class scrollarea-content disable scroll in mobile. So, the temp solution will be: specify your own contentClassName overwrite with touch-action: auto.

I am not sure whether it will affect other styles.

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

3 participants