Header buttons blink on page navigation


#1

So when I click my right header button to navigate to a list page, the header buttons have a nasty blink reminiscent of 300ms delay. However when I use the back button, the transition is smooth. How can I make my header clicks transition smoothly similar to my page title?

In my menu.html I have:

<ion-nav-bar class="bar-stable nav-title-slide-ios7">
  <ion-nav-back-button class="button-clear">
     <a class="button button-icon ion-reply"></a>
  </ion-nav-back-button>
</ion-nav-bar> 

The button I’m clicking is the top right header button on my homepage:

<ion-nav-buttons side="left">
   <button menu-toggle="left"class="button button-icon icon ion-gear-b"></button>
</ion-nav-buttons>
 <ion-nav-buttons side="right">
   <a class="button button-icon ion-grid" href="#/app/list"></a>
 </ion-nav-buttons>

Any ideas?


#2

I experience the same blink issue? Did you solve it?


#3

same issue with that.


#4

i am also getting flickering while navigation after updated the ionic version RC-2 it was not there in previous versions of iONIC.


#5

same issue, did you solve this?


#6

Same here, all the nav bar flickers… V1.1.


#7

I had this issue once when navigating to a google maps view.
Problem was google API was loading roboto font and when doing so, every text on screen blinked.

Maybe you could open chrome network tab and try to link the problem to something being loaded exactly at the time of the blink.

Good luck,