-
-
Notifications
You must be signed in to change notification settings - Fork 47
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
Scrolling is janky on iOS #63
Comments
@jerelmiller thanks for bringing this to my attention. I'll look into it sometime this week/weekend. |
I found a clean solution on this site : https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/. In your html& body classes definition, just add Webkit property
See also : https://developer.mozilla.org/fr/docs/Web/CSS/-webkit-overflow-scrolling |
I've also seen opening the menu happening from the middle of the screen, causing issues when using something like a map. Panning the map around would randomly open the menu. Is this maybe related? Can be tested here: http://gloucesterma.beta.mapgeo.io/ |
When using this on an iOS device, the scrolling seems a bit janky for the main content area. The hardware-accelerated scrolling is no longer there. I also notice that the typical iOS trick by tapping the iOS status bar to scroll all the way up to the top does not currently work.
Tested with iOS 10 in Safari and Chrome
I've done a bit of inspection myself and it seems like the problem originates from the
height: 100vh; overflow: hidden;
property on one of the components.The text was updated successfully, but these errors were encountered: