rodneyrehm / viewport-units-buggyfill

Making viewport units (vh|vw|vmin|vmax) work properly in Mobile Safari.
MIT License
1.59k stars 151 forks source link

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

Open dpmango opened 7 years ago

dpmango commented 7 years ago

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..