You found a bug! We've classified it as EXTJS-7833 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Apr 2012
    Location
    Netherlands
    Posts
    23
    Vote Rating
    1
    jvisser is on a distinguished road

      0  

    Default Dragging absolute positioned items shows a weird DragProxy

    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

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Location
    Netherlands
    Posts
    23
    Vote Rating
    1
    jvisser is on a distinguished road

      0  

    Default


    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;
        }
    });

  3. #3
    Sencha - Support Team mike.estes's Avatar
    Join Date
    Mar 2011
    Location
    Redwood City, CA
    Posts
    221
    Vote Rating
    9
    mike.estes will become famous soon enough

      1  

    Default


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

Thread Participants: 1