ngAnimate not working properly on Firefox 21 (Latest Stable)

[gsklee]

http://plnkr.co/edit/wJ9vFV79Th45ZZzaqTdx

If you open it with Firefox, you'll see that the enter animation is constantly not being triggered; on the other hand it is totally working fine on Chrome.

[carlhopf]

just spent some time on a somewhat hackish fix for that:

diff --git a/src/lib/angular.hacked.js b/src/lib/angular.hacked.js
index 703ecb6..cc809b4 100644
--- a/src/lib/angular.hacked.js
+++ b/src/lib/angular.hacked.js
@@ -3412,6 +3412,20 @@ var $AnimatorProvider = function() {
             function beginAnimation() {
               element.addClass(activeClassName);
               if (polyfillStart) {
+                // firefox bugfix, else animation wont play most of the times
+                // accessing  the computedStyle seems to fix the issue
+                if(isFunction($window.getComputedStyle)) {
+                  forEach(element, function(element) {
+                    if (element.nodeType == 1) {
+                      var elementStyles = $window.getComputedStyle(element) || {};
+                      elementStyles['animationDuration'];
+                      elementStyles[$sniffer.vendorPrefix + 'AnimationDuration'];
+                    }
+                  });
+                }
+
                 polyfillStart(element, done, memento);
               } else if (isFunction($window.getComputedStyle)) {
                 //one day all browsers will have these properties

reading the computedStyle() duration keys fixes the issue for me.

[matsko]

@gsklee could you try changing the setTimeout duration inside of the animator code to something higher than what it currently is (which is just 1) to see if that makes it work?

[matsko]

@gsklee I'm super happy that you brought this up because this (if not handled) would've caused a huge issue in 1.2.rc3.

[matsko]

Landed as cd216c4