PDA

View Full Version : Ext.anim issue



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


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,
to:0,
...

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 2.0.1.1 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)
thanks.

jerome76
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 :)