This repository has been archived by the owner on Apr 12, 2024. It is now read-only.
ngAnimate staggering animations do not work with keyframe animations #5018
Milestone
Comments
Closed
matsko
added a commit
to matsko/angular.js
that referenced
this issue
Nov 22, 2013
Keyframe animations trigger on the first CSS class and not the second. This may cause a slight flicker during a stagger animation since the animation has already started before the stagger delay is considered. This fix ensures that the animation is blocked until the active animation starts which allows for staggering animations to take over properly. Closes angular#5018
jamesdaily
pushed a commit
to jamesdaily/angular.js
that referenced
this issue
Jan 27, 2014
Keyframe animations trigger on the first CSS class and not the second. This may cause a slight flicker during a stagger animation since the animation has already started before the stagger delay is considered. This fix ensures that the animation is blocked until the active animation starts which allows for staggering animations to take over properly. Closes angular#5018
jamesdaily
pushed a commit
to jamesdaily/angular.js
that referenced
this issue
Jan 27, 2014
Keyframe animations trigger on the first CSS class and not the second. This may cause a slight flicker during a stagger animation since the animation has already started before the stagger delay is considered. This fix ensures that the animation is blocked until the active animation starts which allows for staggering animations to take over properly. Closes angular#5018
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Since keyframe animations are triggered upon the setup class being set, the staggering animations do not register in time with the keyframe animation.
Here is an example:
http://plnkr.co/edit/4DRuHUzAP6cegdOkM5Tb?p=preview
The text was updated successfully, but these errors were encountered: