ngAnimate breaks jquery.transit (and possibly other transform-based animations) under Chrome

[bpampuch]

I'm trying to animate transforms using JavaScript-based animations.

(...)
enter: function(element, done) {
  element.transition( { scale: 1.5 }, done );
}
(...)

Although the above behaviour could be easily achieved using CSS, I need to use JS-animations (it's part of a bigger scenario).

Unfortunately this doesn't work under Chrome. The transform is immediately set to the final value.

The problem is, ngAnimate in its animateSetup disables the transition with blockTransitions (as a workaround for a bug in Chrome/FF as it claims).

Apparently this workaround leads to another bug under Chrome/FF.

http://plnkr.co/edit/z4sMCsDMvABPmvTnLzkp?p=preview

[WojtekWoo]

+1

[IgorMinar]

@matsko is this a known issue?

[matsko]

I think it has to do with the ordering of the animations. I'm currently looking into it.

[SekibOmazic]

Please ignore the reference to the pull request 6746. It was just a typo in the commit message. PR 6746 refers to the issue 6676.
Sorry for that.

[OlenDavis]

+1