View Full Version : Ext.anim issue

15 Aug 2012, 6:57 AM
I have the following Ext.container config

html: '<span id="bgText" style="position: absolute; top: 10px; right:92px;-webkit-transition: right 0.5s linear">default text</span>',

I perform an animation on the span element:

var txtElem = Ext.getDom('bgText');
Ext.Anim.run(Ext.get(txtElem), 'fade', {
from: 100,

problem is that after animation, my original span element css is modified such that my -webkit-transition is removed from the span element...
I am using gpl.
is this a wanted behavior? My goal is to animate but keep the original definition after anim ends (playing with autoClear property did not help)

17 Aug 2012, 7:45 AM
I believe other users are experiencing problems with Ext.Anim. Currently, Sencha is working on the kinks on it.

From this thread:http://www.sencha.com/forum/showthread.php?232724-On-Animation-end-component-snaps-back&
(http://www.sencha.com/forum/showthread.php?232724-On-Animation-end-component-snaps-back&)StackOverflow thread: http://stackoverflow.com/questions/9872730/animating-dimensions-in-sencha-touch-2

I noticed on that thread that rdougan (http://www.sencha.com/forum/member.php?52359-rdougan) did comment on it again:
Currently, no. The reason was that we (Sencha) wanted to look at it in more detail in 2.1, and perhaps change how it works. We didn't want to break peoples applications with the 2.1 update, so we resorted to keeping the existing animation system (Ext.Anim) which is buggy (as you have experienced) until we fix up Ext.Animator. For now, your best bet is to look at the source and look at the available properties. Your best start is looking atsrc/fx/animation/Abstract.js.

rdougan (http://stackoverflow.com/users/273985/rdougan)Mar 26 at 22:34 (http://stackoverflow.com/questions/9872730/animating-dimensions-in-sencha-touch-2#comment12602074_9876960)

I'm not too sure about any solutions, though. If I find one I'll post here :)