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


#1

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.


#2

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?


#3

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”


#4

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?


#5

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?


#6

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


#7

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


#8

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

Yes, the iPad section.