Exclude shadow error when dragging panels

Question

I have three panels in Ext JS ; This is one panel as a parent panel , and the other two are child panels. I set the child panels to drag and drop.
As you can see in the code below:

extend: 'Ext.tree.Panel', requires: ['Ext.data.TreeStore'], collapsible: true, border: false, draggable: true, resizable: true, floating: true, constrain: true, renderTo: Ext.getBody(), store: new Ext.data.TreeStore({ //data.jason }), listeners: { move: 'onDrag' } 

// onDrag function:

 onDrag: function(stick) { stick.dd = new Ext.dd.DDProxy(stick.el.dom.id,'group'); drag = stick; drag.anchorTo(Ext.getBody(),"tl-bl?"); drag.setHeight(490); drag.setMinHeight(200); } 

My problem is that when I drag the child panels, they leave a shadow in the same place:

How can i solve this?

Answer 1

Extjs has the habit of not updating their shadows.

Try drag.syncShadow();