Dragging absolute positioned items shows a weird DragProxy

REQUIRED INFORMATION

Ext version tested:

• Ext 4.1.2

Browser versions tested against:

• Chrome 23
• IE9

DOCTYPE tested against:

• XHTML

Description:

• Drag a component that is defined as a DragSource
• See that the green tick does not fit in the proxy element

Steps to reproduce the problem:

• Create a container
• Set it's layout to absolute
• Add an item
• Make the item draggable
• Drag it

The result that was expected:
I would like to see the element being dragged along with my mouse cursor

The result that occurs instead:
Some weird half-height proxy element appears

Test Case:
Look at this fiddle: Drag the blue container.
http://jsfiddle.net/jvisser/mCayU/

HELPFUL INFORMATION

Operating System:

• Windows 7

Here's a hack I used to at least got something useful while dragging an absolute positioned container:

Code:

---

Ext.dd.DragSource.override({
    onInitDrag: function (x, y) {
        var clone;
        // Check if the dragged element is static
        if (!this.el.isStyle('position', 'static')) {
            // Use the inner HTML for the dragproxy
            var myEl = new Ext.Element(document.createElement('div'));
            myEl.setHTML(this.el.dom.innerHTML);
            clone = myEl.dom.cloneNode(true);


        } else {


            clone = this.el.dom.cloneNode(true);
            clone.id = Ext.id();


        }


        this.proxy.update(clone);
        this.onStartDrag(x, y);


        return true;
    }
});

---

Thanks for the report! I have opened a bug in our bug tracker.