Animation numsteps wrong value

Expected Behavior

The numsteps should be the duration of that animation and not the global one

Current Behavior

the short tooltip animation works but the onProgress callback in the animation block for the options reports back the main long duration.

V2 (correct behaviour): https://www.chartjs.org/samples/latest/advanced/progress-bar.html V3 (wrong behaviour): https://www.chartjs.org/samples/master/advanced/progress-bar.html

Context

Found this through another issue

Environment

• Chart.js version: 3.0.0-beta.13 master
• Browser name and version: Chrome Versie 88.0.4324.190 (Officiële build) (64-bits)
• Link to your project:

[etimberg]

Good question as to what the most correct behaviour is here. For example, what happens if the tooltip is configured such that the duration of the position change is 400ms, but the background color changes in 800ms. That’s essentially the case that I am seeing happen while debugging this sample. I see 15 different animations, 7 of which are active. Durations range from 2000ms to 200ms.

Active	Duration	Property	From	To
true	2000	'borderColor'	'rgb(255, 99, 132)'	'#FF4069'
true	2000	'backgroundColor'	'rgb(255, 99, 132)'	'#FF4069'
true	2000	'radius'	3	4
false	2000	'borderWidth'	1	1
true	2000	'borderColor'	'rgb(54, 162, 235)'	#059BFF'
true	2000	'backgroundColor'	'rgb(54, 162, 235)'	'#059BFF'
true	2000	'radius'	3	4
false	2000	'borderWidth'	1	1
false	400	'caretY'	348.107	348.107
false	400	'caretX'	`40.76	40.76
false	400	'height'	56	56
false	400	'width'	168	168
false	400	'x'	320.107	320.107
false	400	'y'	47.76	47.76
true	200	'opacity'	0	1

[kurkle]

I think there is actually some other issue here, the duration might be wrong on those 2000ms animations when hovered.