Hi all,

I posted this about a month or so ago in Q&A; didn't get any replies, so I'll try the discussion forum; maybe Q&A wasn't the right place.


I am doing a fairly simple drag and drop operation. I have an Ext.Label (in an Ext.Panel) with HTML in it, and there are various span elements in the HTML string that I am setting up as draggable, like this (the overrides object, not included here as it's big, overrides the various drag events):

Code:
var lbl = Ext.ComponentQuery.query("#testLabel")[0];
var els = Ext.get(lbl.getEl()).select("span");


Ext.each(els.elements,
function(el) {
    var dd = new Ext.dd.DD(el, 'myGroup', { isTarget: false });
    Ext.apply(dd, overrides);
});

The HTML inside of the label is fairly simple; something like this:

HTML Code:
<div>you can drag <span class="DragItem">this item</span></div>
This works fine for drag and drop operations. I get the drag behavior I want and the drops, etc. work fine.

The problem is that I cannot drag any of the span elements above or to the left of the original element position. I can drag a given element anywhere that is below and to the right of the original position. Seems like a constraint is set on it, but it doesn't help even when I call clearConstraints() in the b4StartDrag event.

From what I can tell, I've followed the D&D demo, and I can't see what I'm missing.

Thanks for any insights.