Ionic2 Navigation Tabs are not resizing correctly when deployed to iPhone6

[bwalker72956]

When deploying more than 3 tabs to an actual device (iPhone 6), the tabs are not resizing to fit the screen correctly.

Example App (Ionic2):
https://github.com/bwalker72956/testIonic2TabApp

Steps to reproduce:

1. I started with a sample app and added 2 additional tabs to navigation.
2. I tested in the browser and emulator. Everything worked fine.
3. When deployed to an actual device directly from xCode, the tabs run off the screen in Portrait mode.

[jgw96]

I can confirm this issue. Does not seem to happen in the iphone 6 simulator, but i can reproduce on my iphone 5.

[ben-kn-app]

Is this the same problem as #6056 ?

[bwalker72956]

This is the same issue.

On Apr 24, 2016, at 2:39 AM, Ben [email protected] wrote:

Is this the same problem as #6056 ?

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub

[jgw96]

Hey all, this should be fixed in the latest nightly and will hit beta when beta.7 hits. To install Ionic 2 nightly you just run npm install ionic-angular@nightly in your project and you should be ready to go!

[bwalker72956]

Just tested it out and it works. Thank you.

[jgw96]

@bwalker72956 Awesome! Nice to hear. Thanks for using Ionic!

[SanjanaTailor]

The issue still persist on 3.20.0 running the application on ipad devices where
ios - max-width of tab = 240 px so that it cuts down from edges so what can be possible solution for it ? Android working fine
Thanks for any suggestions.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.