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
Use of vh
units in .pf-c-page
height
causes wonky scrolling issues in iOS
#1174
Comments
Thanks @rhamilto. We should also look through the other components and layouts and see if we're using |
FYI, this will likely require the ancestors of anything with For example, if we have
Then both Note that this will require some work in the workspace to get the page demos to work since gatsby helmet creates a bunch of |
What I've seen with this issue so far:
|
I chatted with @dgutride about this and we agree it's OK if the workspace breaks but we fix the issue in core. He also agreed that we could address the workspace by hacking something into workspace.scss like |
@mcoker ok sounds good will put a PR up for what I have been doing, shortly. |
Note the weird rubber-banding effects causing the inability to get to the bottom of the content or to get the masthead to reappear at the top. Fast scrolling causes the bug. Stopping, allowing the browser to settle, and re-scrolling works around the bug. http://recordit.co/luzQgzPjXq
Changing
100vh
to100%
appears to resolve the issue. http://recordit.co/UdyVl6Mks7https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#article-header-id-0 outlines the issue in detail.
cc: @spadgett, @janwright73
The text was updated successfully, but these errors were encountered: