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

iframe view mobile safari - keyboard causing wrong height calculation #88

Open
dpmango opened this issue Oct 9, 2017 · 0 comments
Open

Comments

@dpmango
Copy link

dpmango commented Oct 9, 2017

#Hello,
I'm facing the issue with native iOS keyboard causing viewport getting smaller with iframe view.

By iframe view I mean visiting the link from skype, instagramm. It work well in regular mobile safari browser. Whole site is 100vh. And I made overlay when keyboard is active 0.5 opacity, so you can see that keyboard is pushing viewport up, instead of going above as overlay.

Because of this bug, every time keyboard is closing, you can see white empty part on keyboard spot for ~ half a second

e9afdf41-b4fb-4669-bbc0-e701a5e28e23

The link for live testing is https://relonch.surge.sh (if you open in safari it's good. send the link yourself withing some app and you'll what I mean)

I was not even able to google this error, so hopefully you have some ideas why this happens. Thanks

P.S. iOS 10 just in case if it's specific to version..

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

1 participant