Concurrent Animations not working

[aqm5181]

Hi,

ive uploaded a simple example to plunkr:
http://plnkr.co/edit/zGKBeN?p=preview

Basically, when there are multiple divs next to each other with animations applied via au-animate, only the top div is animated. This applied to the latest framework version: "1.0.0-beta.1.2.2".

Could you please have a look.

thanks

Aboobaker Mahomed

[EisenbergEffect]

@zewa666 Can you look into this?

[EisenbergEffect]

@zewa666 Ping.

[thrillstone]

@zewa666, is there any update on this bug? From what I can tell, the bug isn't with the CSS animator but instead with the ViewSlot's implementation of animateView which only ever passes a single element from a view to the animator when it calls the getAnimatableElement(view) function. I would imagine that it should be getting all of the au-animate elements and looping over them, getting the promises from the this.animator.enter() calls and joining the promises to be returned. I'm not so sure about that last part though, haven't dug into the code beyond this point yet.

[zewa666]

I did not yet have the chance to look at it, sry :(
Will try to catch up asap

[browillow]

I have confirmed that this is still an existing issue with aurelia-animator-css@1.0.4
My use case was having individual au-animate classes on a parent div and a child div. The parent div animates successfully, but the child div does not. I confirmed the OP sibling case still doesn't work as well.

It would be a really nice improvement if multiple au-animate elements were supported in the same view.