Progress callback only called in the first animation loop

[raphaelrauwolf]

When you loop any velocity animation, the progress callback is called only in the first loop and after that it is ignored.

$("div").velocity(
  { scale: 1.5 },
  {
    duration: 5000,
    loop: true,
    progress: function(elements, percentComplete, timeRemaining, timeStart) {
      console.log('percent : ', percentComplete);
      // Stops after the first loop and never gets called again
    }
});

[ydaniv]

@raphaelrauwolf thanks! That's correct.
By definition, the setting loop: true does alter behavior of callbacks.

I'm not sure, though, if the progress callback will mean anything in this case.
Can you provide a real-life scenario for changing current behavior to reset progress on every iteration?

[raphaelrauwolf]

In the documentation, you only state that begin and complete callbacks alter their behavior.

That the begin callback only is called in the beginning of the first loop and the complete callback is called on the end of the last loop seems totally fine for me, but that the progress callback is only called in the first loop seems a bit off, since the animation is still 'in progress'.

The real-life scenario would be : http://jsfiddle.net/5adbtywv/.

[ydaniv]

I agree it is not the expected behavior, question is whether we support this behavior or ignore it.

That's a cool use for it (:
What you're doing here should actually be done using regular tweening, only IE specific CSS props are not supported.

@julianshapiro IINM it's just adding another line here copying the progress callback.

[julianshapiro]

@raphaelrauwolf: I consider this a bug. Will fix, thanks.
@ydaniv: Thanks! That's actually not the trouble area. Not sure where is. Upon first glance I'm not sure why this is happening, but I'll dig in later this week.

Stay tuned!

[julianshapiro]

Oops. @ydaniv: That was the right area. Lol.

[julianshapiro]

Done. Coming up in the next release.

[julianshapiro]

Please check, make sure it works, and get back to me. Thanks!

[raphaelrauwolf]

Works fine! Thank you! http://jsfiddle.net/5adbtywv/2/

[TiagoSousa26]

I think the problem of ingoring the loop still there because I am using the progress and complete and before I do loop:4 and it ignore the loop but if I do loop: true it ingore the loop and ingore the complete.