Weird navigation bar when loaded in IOS emulator and sidemenu starter template


#1

I have created a new starter template using “ionic create app sidemenu” to create a sample application. When I build and run it in a emulator, the navbar is as the screenshot below. On clicking other menu item, then the navbar will be back to normal. Anyone experience this too?


#2

What version of ionic are you using? This is a known issue in 1.0beta 1, can you try by referencing the nightly?

<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

#3

I can confirm this occurs in the nightly. Using Chrome emulate iPhone 5, as well as an actual iPhone 5s device. Its generates this H1.

h1 class=“title ng-binding” ng-bind-html=“title” style=“left: 116px; right: 116px;”>Awesome Page


#4

Already an issue on it:

It only happens on the first view. Once you change to another state and back, it’s “fixed”. Will update the Issue.