Slide-left-right-ios7 Animation in beta 11

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?

1 Like

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.

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:

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

Transitioning to an abstract state with this container:

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

And this main template:

<ion-content id="section" padding="true">
    <form name="form" novalidate>
      <div class="row">
        <div class="col">
            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 

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.

1 Like

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

Did you still want me to put in an issue?

Yeah, open the issue for it