Slide-left-right-ios7 Animation in beta 11


#1

I just upgraded from beta 10 to beta 11 and it looks like the animation i have on my nav view is a little shaky near the end of the transition.

I didn’t see any animation changes in this build so I’m wondering what the root cause of this is.

Any one else notice this?


#2

Some additional testing…

It is definitely a new issue with beta 11. If I set padding=“false” on my ion-content it isn’t quite as noticeable, but the issue is still there.

It almost looks as if the animation is finishing before the content actually resolves, so there is a flicker where the width collapses slightly at completion.


#3

I made a quick video of the issue. Notice that after the animation completes the ion-content actually renders itself and there is a text jump.

animation bug

The nav-view markup:

  <body>
    <ion-nav-view name="primary" animation="slide-left-right-ios7">

Transitioning to an abstract state with this container:

  <ion-view> 
    <ion-nav-bar class="bar-positive no-animation"></ion-nav-bar>
    
    <ion-nav-buttons side="left">
      <button class="button button-icon button-clear ion-chevron-left" ng-click="previousState()"></button>
    </ion-nav-buttons>

    <ion-header-bar class="bar-subheader bar-positive item-bar-subheader">
      <h1>CREATE ACCOUNT</h1>
    </ion-header-bar>
    
    <ion-nav-view name="content" animation="nav-title-slide-ios7"></ion-nav-view>
  </ion-view>

And this main template:

<ion-content id="section" padding="true">
    <form name="form" novalidate>
      <div class="row">
        <div class="col">
          <h2>
            First we need you to enter the email address that will be associated 
            with your account. You will use this email address to login to your 
            account. 
          </h2>
        </div>
      </div>

#4

Hey there!

Can you make an issue for this?
It should be looked at but I know we’re looking to incorporate our new JS animation library once things are finished up.


#5

Looks great, can’t wait to see it in action.

Did you still want me to put in an issue?


#6

Yeah, open the issue for it