Ext.Layer shadow doesn't follow animation

[knagurski]

I'm using Ext.Layer to put up some stuff on screen using a nice little slide-in, pause, slide-out animation. The problem is that the shadow is left behind when the animation starts. Setting the position of the Layer using setLocation() or setXY() does the job, but I'm looking for the wow-factor with the animation().

Any ideas? Am I missing something obvious?

[aconran]

This has come up before, and I believe Jack suggested hiding the shadow before the animation and then re-aligning the shadow and showing it on completion of the animation.

Aaron

[brian.moeskau]

Internally we generally have special code that syncs the shadow to its component during dragging, animations, etc. However, this can get tricky and sometimes causes perceived performance issues since it can still be choppy in some browsers. In newer components we generally remove the shadow during animation as Aaron mentioned to make things snappier.

If you're dead-set on keeping the shadow you could also try rendering both the element and the shadow to a containing element and animating the container instead. I haven't tried it, but it could work.