[DEFER] Ext.Fx: element.stopFx() has no effect?

[Dipish]

Ext version tested:

• Ext 3.2.1

Adapter used:

• ext

css used:

• ext-all.css

Description:

The question is simple: is there a way to stop ALL the effects initiated on a specific element with just one line of code?

The behaviour described in Ext.Fx() docs seem to be exactly what I need:

stopFx() : Stops any running effects and clears the element's internal effects queue if it contains any additional effects that haven't started yet.

but calling element.stopFx() does nothing.

I am aware of the special anim object that is written in animations config object so if I have only one effect running I can do this:

opt = {duration: 10};
el.move('r', 500, opt);
...
opt.anim.stop()

But if I started several animations on the same element (in given example the element is moved around),

opt = {duration: 10};
el.move('r', 500, opt);
el.move('r', 500, opt);
el.move('r', 500, opt);
el.move('r', 500, opt);

then simply calling opt.anim.stop() doesn't stop the element from moving. In fact calling opt.anim.stop() as many times as many effects I have started leads to complete stop but this is weird.