ngAnimate css animations not working about mobile-angular-ui

[ajtowf]

Removed all dependencies to mobile angular ui and the animation works fine, so the bug is definitely in the mobile ui lib.

[anthonykeane]

I have the same issue

[mcasimir]

I'll never used ngAnimate, I've always used css directly. It is related to some clashes between animation style and .app-content style. I'm concerned expecially by position:absolute;

Setting width: 100%; in .app-content should turn your content back.

Let me know if I'm right so I can add this fix to sources, otherwise I'll give it a more accurate look after I'll fixed [scrollable] related issues.

Thank you

[mcasimir]

This should be fixed. Isn't it?

[mcasimir]

Ok I can confirm this is fixed. Plus you can reduce your code to:

.app-content.ng-enter,
.app-content.ng-leave {
  -webkit-transition:0.5s ease all;
  transition:0.5s ease all;
}

.app-content.ng-enter,
.app-content.ng-leave.ng-leave-active {
  opacity:0;
}
.app-content.ng-leave,
.app-content.ng-enter.ng-enter-active {
  opacity:1;
}

[anthonykeane]

It could be my lack of angular but I cannot get the tabs to fade in and a search filters the list instantly, sorry I know this is closed but any help would be appreciated.

https://gist.github.com/anthonykeane/407fbef71b02c8f56f0d#file-c-css

https://gist.github.com/anthonykeane/3c5e39e972f240a21dff#file-criteria-html