[REOPEN-103][3.0.0] DD of Resizable does not listen to constrainTo

[robincasey]

On the ExtJS examples page of Resizables, run:

var div = Ext.DomHelper.insertBefore(document.body.firstChild, {
    tag: "div",
    style: "background:#ff0;width: 200px;height: 300px;"
});
var img = Ext.DomHelper.append(div, {
    tag: "img",
    src: "zack.jpg",
    height: 100
})
var transparent = new Ext.Resizable(img, {
    wrap: true,
    dynamic: true,
    draggable: true,
    constrainTo: div
});

I am expecting the Resizable, when draggable, not to be able to be dragged out of the constrainTo area.


Added:
transparent.dd.constrainTo(transparent.constrainTo); is a possible patch

[mjlecomte]

Thanks for this and the other specific reports (not lumped together).

I also noted that when resizing I can sometimes resize that resizable item slightly outside of the div. Play with it a little bit though, sometimes it constrains inside, but depending where you drag it, it doesn't constrain the resizing either.

[david l]

I got the constrainTo part to work, but the problem described in the post above is what I am running in to now
http://extjs.com/forum/showthread.ph...607#post370607

[david l]

I do believe I fixed the problem with the resized element not being constrained correctly...

the patch below should fix it in addition to the fix in the link to the other post to initialize it

Ext.override(Ext.Resizable, {
    resizeElement : function(){
        var box = this.proxy.getBox();
        if(this.updateBox){
            this.el.setBox(box, false, this.animate, this.duration, null, this.easing);
        }else{
            this.el.setSize(box.width, box.height, this.animate, this.duration, null, this.easing);
        }
        this.updateChildSize();
        if(!this.dynamic){
            this.proxy.hide();
        }
//////////////////
        if(this.draggable && this.constrainTo) {
            this.dd.resetConstraints();
            this.dd.constrainTo(this.constrainTo);
        }
//////////////////
        return box;
    }
});

[ludoo]

This patch works well only if item has been resized before.
Try to drag item inside container before resizing, then constraints won't be applied.

May be an init problem ?

[david l]

look at the url in post #4, it has the init changes as well

[evant]

Fix applied to svn in rev #5679 for patch release 3.1.

Thanks for the patch.

[art.home.ext]

Regression in 3.1.1 :[???-670] DragDrop constrainTo after container resize

[Jamie Avins]

Reopened, closing 670 as a duplicate.

[robincasey]

(backRef: showthread.php?75234-OPEN-91-3.0.0-Resizable-preserveRatio-constrainTo&p=448540)