The ion-footer-bar is being cut off on iPad 2 with iOS 7. It is dropping down about 50% from the viewport. I’ve posted an image below. Has anyone else run into this? It’s fine with iOS 8, and the mini with 7 and 8. Tried using the emulator to replicate but it was fine.
Hey there, I think I may know what the issue is.
Could you remote inspect with safari and check out the viewport tag that is applied?
Thank you for the reply. The viewport tag is:
meta name=“viewport” content=“initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, height=device-height”
Ahh there it is. So the issue is the viewport.
What is the exact version of ios7?
Is that the viewport you have in your www/index.html file?
It’s version 7.0.6 on an iPad 2.
The www/index.html file has:
content=“initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width”
Upon inspection it is adding the height=device-height. I removed it and it fixed the problem. Is there a reason it is placing it in there when it shoudn’t be?
I think in some cases on ios 7.0.* there were some edge cases that called for it.
You could edit viewport.js to change this.
https://github.com/driftyco/ionic/blob/master/js/utils/viewport.js#L98
Yup, I had it right the first time, but edited it for some reason.
Yes, the iPad section.