Hi
In my codepen example, when mouse enters the red area, I start 5 tweens, one on each grey bar in the green area. When mouse leaves the red area, I kill all the tweens.
Each bar is supposed to grow/shrink to a random value (height css prop), and then when it's finished, repeat this to another random value.
It is working almost correctly. The only thing that bothers me is, when you leave the mouse in for a few iterations, sometimes a tween will randomly change his From value before going to his To value. This is making some of the bars randomly "jumping".
I am using repeatRefresh: true, and from what I understand, it is supposed to force the next loop using current values as From values.
So why are some of these animations still "jumping"?
I also tried to use immediateRender: true and overwrite: true, but it changed nothing.
Any idea?