Timeline transform element property multiple times with relative value

I just discovered anime.js for a svg animation project, so first off: thanks for this great library which fits my need exactly!

I ran into the problem with animating the same element property multiple times with relative values.

TL = anime.timeline().add({targets: '.el', translateX: '+=100'})
                     .add({targets: '.el', translateX: '+=100'})

I’d expect these relative transforms to be cumulative, but instead they restart from the same initial state.

Not sure if this is design or a bug, but in my opinion this takes away a lot of the value of relative transforms. With the velocity framework, $.Velocity.RunSequence() chains relative transforms in a cumulative way.

[markoradak]

@juliangarnier, keep in mind that v2.0.2-TL breaks the behavior above, just in a different direction (sort of). I’ll try to find some time to take a look at the code. Until then, all 3 versions (v2.0.1, v2.0.2, v2.0.2-TL) - respectively:

[ClaartjeBarkhof]

I am not following all the technical details described above (JavaScript newbie), but I think I encounter the same issue. I would like to move shapes around randomly, so make a random translation again and again, but not returning to the initial value:

anime({
  targets: '.collage-snipper',
  left: function() { return '+=' + anime.random(-30, 30) + 'px'; },
  top: function() { return '+=' + anime.random(-30, 30) + 'px'; },
  duration: 8000,
  loop: true
});

It seems like you guys have a solution to this issue, would it be possible to lay that out for me once again in simple steps?

Thanks in advance! (+ Beautiful library & documentation!!)