Why nav-title-slide-ios7 doesn't works with align-title="left"?


#1

I have an animation issue when I use nav-title-slide-ios7 class with align-tittle="left". When is center aligned it works ok, but when is left aligned it flashes when making the animation.

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

#2

I’m getting this result too, any fix for this issue?


#3

An ugly fix, modifting the iconic.css removing removing the following line from ionic.css:

.bar .title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    /* text-align: center; */ /** remove this **/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    line-height: 44px;
}

Demo: http://codepen.io/anon/pen/gKulD

Anyway, I think it’s a bug.
I’ve report it here: https://github.com/driftyco/ionic/issues/2262
But nobody answer yet.