The built in fade-in animation flickers


#1

In my view I have set up a div like this:

<div ng-if="slowShow">
    <button>BLAH BLAH</button>
</div>

And here is a part of my controller:

$timeout(function(){
    $scope.slowShow = true;
}, 2000)

When I show my div I want it to animate with a fade in animation. But it just flickers twice. I tried fade-in-not-out. it works ok on browser and emulator. But flickers on real devices.

Any work around will be helpful. May be other animations like pop-in would also be a good replacement to flickery fade-in


#2

I recognized the same behaviour on my devices.

E.g. fading in the ionicModal.

Bye, bengtler


#3

Yeah! When will the Ionic team solve this?


#4

Hi guys @bengtler / @siddhartha Do you solve this ?


#5

No, but hopefully the ionic team take a look into it. :wink:

Keep in mind ionic is still in the beta.


#6

@Norwill Yeah the solution is here: Fade-in animation flickers on rel devices