[Nightly] ion-nav-bar animations broken


#1

Hi Everyone,

First post here. Thank you for building this great framework – made my life so much easier. And my apologies if this question is a duplicate. I tried searching and couldn’t find any info.

I’m working with the current nightly version of Ionic and it seems that the ion-nav-bar animations no longer work, compare the following:

0.9.27
http://codepen.io/ionic/pen/kcjLb

Nightly

It looks like the navBar title changes and then the slide transition is fired. Whereas, previously the navBar title would slide in/out too. Any ideas how to fix this and/or if this is being handled in the next release?

Thanks!


#2

Thanks for pointing this out. I’ve updated the CodePen sample.

For the nightlies, the <ion-nav-bar> does not use the old animation="nav-title-slide-ios7" attribute. It’s now added as a class.

    <ion-nav-bar class="bar-positive nav-title-slide-ios7">
      <ion-nav-back-button class="button-icon ion-arrow-left-c">
      </ion-nav-back-button>
    </ion-nav-bar>

#3

Sorry, I forgot to mention previously – I did actually try out the new method of using class names. However, it doesn’t seem to solve the problem either:

The title has a slide animation but, the title text changes before the animation fires. Whereas, in the previous versions the old title would slide out and the new one slide in.


#4

Good catch @varun, will fix.


#5

Fixed via

Will be up on nightly within 20-60 minutes, once ionotron pushes it out.


#6

That’s awesome! Thanks @andy