-
Notifications
You must be signed in to change notification settings - Fork 59
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
Mobile chrome browser on Android requires a tap for div to show #86
Comments
I had/have the same exact issue and had to make a complex solution involving reading |
For this specific bug, those viewport units do not work. There are a few issues related to this, but from what I have seen, it's an actual bug in mobile Chrome. It may be resolved at this point, but at the time before I had a solution, no viewport units helped this bug which actually changes the height upon interaction, which viewport units aren't related to. |
Huh interesting issue, I'm glad you were able to find a workaround |
Thanks! I am not sure if @jasan-s solved his issue, but it was a very odd and annoying one. Based on recent comments I got from others (vercel/next.js#63724 & DustinBrett/daedalOS#274 (comment) [SO issue]) it may be related to something that can be solved by adding an It sounded like it could be related to going to a page when your virtual keyboard WAS open, but going to the page closes it. It seemed like you needed to click the page for it to fully resize from it's initial load when the keyboard was still closing. But that is just me guessing. It didn't seem to be the viewport units though because it seemed to have the wrong information when it was doing the calculation vs when it detected interactions on the page. |
I visited https://react-div-100vh.vercel.app/ using my pixel 7 pro with Chrome. On initial load the after visiting the link the green div is not viewable, after tapping on screen the green div appears at bottom of screen.
The text was updated successfully, but these errors were encountered: