ng-animate with css transitions broken in Safari 5.1 and lower

[jamessharp]

In angular 1.2.14 using css transitions with angular-animate seems to be broken in Safari 5.1. The transition doesn't fire and I get a requestAnimationFrame is not defined error in the console. It works fine in 1.2.13.

I've tracked this down to this line which fails if there is no requestAnimationFrame function present.

@matsko commented in #6535 that "All browsers that support CSS animations/transitions also support RAF, therefore, there is no reason to fallback to timeout anymore" but that doesn't seem to be the case in Safari 5.1 (and lower):

• http://caniuse.com/requestanimationframe
• http://caniuse.com/css-transitions

The fix is probably to check $$rAF.supported and use $timeout if not.

[mparisi76]

I've also experienced this after updating to 1.2.14. Is the temporary solution to use version 1.2.13?

[szimek]

Got the same issue. Is Safari 5.1 officially supported by Angular 1.x?

[IgorMinar]

closing in favor of #6654

[IgorMinar]

@szimek we don't officially support 5.1