Resizable - Left Margin Calculated Incorrectly (Using Containment)

[braddunbar]

When using containment, the right side of a resizable does not stop at the edge of the containment. It stops at the left offset of the containment element.

A revised version of the basic resizable demo is included to demonstrate this. The only changes are to the containing div.demo, and the containment option.

I believe this is due to the calculation of woset in the containment plugin.

[eduardo]

Fixed when #3733 was fixed

[braddunbar]

Demo with "postion: relative;" on ".demo" element

[braddunbar]

If the ".demo" element has "position:relative;" then the incorrect behavior is still present.

I am continuing to look into this.

[braddunbar]

When the container element is positioned relatively and is also the parent of the resizable element, woset should not include the container offset.

I added the following lines starting at line number 706 to fix this issue:

var isParent = self.containerElement.get(0) == self.element.parent().get(0),
    isParentRelative = self.containerElement.css('position') == 'relative';

if(isParent && isParentRelative) woset -= self.parentData.left;

The isParent and isParentRelative checks should be placed in the start function to prevent calling them over and over, but I thought including them here would make the concept easier to grok.

Note that this may also be the case for absolutely positioned parent elements. I will look into this.

[braddunbar]

Include check for absolutely positioned parent

[braddunbar]

This does indeed seem to affect absolutely positioned parent containers, changing the patch code to:

var isParent = self.containerElement.get(0) == self.element.parent().get(0),
    isOffsetRelative = /relative|absolute/.test(self.containerElement.css('position'));

if(isParent && isOffsetRelative) woset -= self.parentData.left;

[Scott González]

Fixed in r2107. Thanks for the patch.