Unusual dimensions of navbar (only iOS)

ionic-v1
1

Anyone have a similar issue?

image
AuVJEJwnmSH9Vx7tzWCkZBGdM5xlV5VhVhzNFkZ-0ENc.jpg640×1136 51.7 KB

2

What’s the source for your header section?

Could you inspect via Safari? http://phonegap-tips.com/articles/debugging-ios-phonegap-apps-with-safaris-web-inspector.html

3

unfortunately I do not have an iphone now

my navbar source code is:

<ion-nav-bar class="bar-balanced">

        <ion-nav-back-button class="button-icon ion-android-arrow-back"></ion-nav-back-button>

        <ion-nav-buttons side="right">
            <button class="button button-clear" ng-click="scan()" ng-hide="hideScan.hide">
                <i class="icon ion-qr-scanner"></i>
            </button>
        </ion-nav-buttons>

    </ion-nav-bar>
4

(For what it’s worth, you can use the simulator to web inspect as well)

5

from windows machine i don’t able to use ios simulator.

in the meantime in android devices navbar is shown correctly.