I’m using ember-animated and enjoying the way it “just works” in the way it handles animation. There is a small issue that I’m trying to solve related to z-index.
Currently I set z-index to be 1 which is fine if there is only a single animation, but less than ideal with multiple concurrent animations. I could use a counter in the controller for the z-index of the animation and increment it each time I trigger an animation, but I’d also like a way to reset the counter when there are no animations running (i.e. all current animations have completed).
So I’m interested to know (and I can’t find answers in the documentation on on the web):
- Is there a way of detecting the number of (active) animations? …or
- Is there a way of determining when an animation has completed?
In either case this would allow me to reset the z-index when there are no animations. It’s a shame I can’t upload a video, but here’s a screen shot.