Ion-footer-bar being cut off on iPad 2 with iOS 7


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.


Would the iPad part be the one we would look to override?


Yup, I had it right the first time, but edited it for some reason.

Yes, the iPad section.