Tabs not working in iOS8 on landscape


In the beta version of iOS8 the tabs functionality seems to be totally gone.
Unfortunately there’s no way to downgrade from iOS8 to iOS7 - so I ended up with an app which is useless since navigation is no longer possible :frowning:

The error occurs on my iPad mini using the tabs in landscape mode.

PS: I’m using the nightly build of Ionic and have just updated it today - the tabs are still gone.


That is daring my friend, I remember some issues when I went from 6 to 7! Any way you could give us some more information? What exactly doesn’t work? Are tabs visible at all? Or is it tapping thats broken. We haven’t done much testing with iOS 8 since it’s not out to the masses and there will be many betas until then.


Sure, I’ll provide you any information you need to fix it - since I’m no longer able to work efficiently.

As far as I can comment on this, the tabs are just not visible. Seems like an issue with the viewport - as if i move to portrait mode on the iPad the tabs are rendered correctly.

I’ve already encountered this issue a few weeks ago in iOS7 - maybe this helps?


Alright, that would make some sense actually, since we are applying different viewports based on platform. So since it’s an untested and unsupported version it probably is giving it an incorrect viewport. Can you do any remote debugging?


Hi mhartington!
I’ve just downgraded to iOS7 since iOS8 has too many bugs in it to work with the iPad.
I’ll give it another try as soon as an update ifor iOS8 available.

So it’s a bug to watch out for - but as you said not that critical since the new platform is not widely used today.


Cool, thanks for the heads up, the devs know about this so we will keep an eye out for it


Hi @mhartington!

I’ve now updated to iOS 8.0.2 and I’m encountering exact the error as reported here earlier for the beta version of iOS8 :frowning:

Any idea when this will be fixed?


Unfortunately this issue causes my App to become totally useless for the customers since i deactivated portrait mode :frowning: (See Screenshots). Andy quick help Would be greatly appreciated!


Any ideas or suggestions?


Hmm, I just tested this with beta 13 on an ipad running ios8.1, but wasn’t able to reproduce it. What version of ionic are you using and what does your code look like?


Hi @mhartington
Thanks for your reply! Seems like I was able to track the error down.
I’ve added the following line in the HTML Head for defining the viewport:

<meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, width=device-width, height=device-height" />

When I remove the line it works as expected. So I assume there is no need for defining any viewport when Ionic is used?


Ahh it’s the height attribute. Removing that part will actually solve the problem.

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">