Animating multiple parameters doesn't work

[harrison3000]

Bug report

Animating multiple parameters at the same time isn't working (it did work on the old 3.0 version), it doesn't matter if its a single call with a multiple property object, or multiple chained calls. On the Fiddle I changed the stroke, but it also doesn't work with other parameters, like changing the color and radius of a circle for example

Fiddle

https://jsfiddle.net/0s9pqe5r/

Explanation

• What is the behaviour you expect?

  • The color and width of the border to change

• What is happening instead?

  • Only the color is changing

• What error message are you getting?

  • None

[Fuzzyma]

I assume this is only about "stroke"? Or are other functions involved?
Fill also seems to have issues.

[harrison3000]

Not just "stroke", I also tried animating color and radius at the same time and its also broken

[Fuzzyma]

but this works: https://jsfiddle.net/jcLn37pq/

[harrison3000]

The order of the chaining also has a influence:
https://jsfiddle.net/rasovw37/

[harrison3000]

I took a quick look at the returned runner object and noticed that the _history.attr.morpher._to array only has values related to the property that was set last on the chain

this:

//works fine
rc2.animate(500).attr({
    "fill": '#f00',
    "stroke-width": 10
});

gives this:

[ "fill", null, 5, 255,    0,    0,    0,    "rgb",    "stroke-width",    null,    2,    10,    "" ]

While this:

//only stroke-width changes
rc2.animate(500).attr({"fill": '#f00'}).attr({"stroke-width": 10});

gives this:

[ "stroke-width",  null,   2, 10,  "" ]

As a workaround I will just use a single attr and set everything at once for now

[Fuzzyma]

Interesting! Thx for investigating!
That actually helps a lot