#7711 closed bug (notabug)

Opened September 11, 2011 08:46PM UTC

Closed September 12, 2011 12:06PM UTC

Last modified September 12, 2011 03:46PM UTC

Nested Resizables with containment

Reported by: mightyuhu Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.resizable Version: 1.8.16
Keywords: Cc:
Blocked by: Blocking:
Description

There's a bug in resizeable when you have two nested Resizeables with the child one having the containment of the parent the child one is disabled.

Example Code:

#resizeable1 will work while #resizeable2 is "locked"

$("#resizable1").resizable();

$("#resizable2").resizable({

containment: '#resizeable1'

});

both Resizables are locked to death

$("#resizable2").resizable({

containment: '#resizeable1'

});

$("#resizable1").resizable();

See example: http://jsfiddle.net/35f8X/1/

Attachments (0)
Change History (7)

Changed September 12, 2011 12:06PM UTC by scottgonzalez comment:1

resolution: → invalid
status: new → closed

Your containment selector has a typo.

Changed September 12, 2011 03:00PM UTC by mightyuhu comment:2

i discovered the typo by myself last-night but there is still the error if you mix around the calls ie:

$("#resizable2").resizable({

containment: '#resizable1'

});

$("#resizable1").resizable();

will create the one resizable to lock

Changed September 12, 2011 03:03PM UTC by scottgonzalez comment:3

I'm not seeing that.

Changed September 12, 2011 03:08PM UTC by mightyuhu comment:4

try to resize the outer one: http://jsfiddle.net/JLbyD/

im using firefox

Changed September 12, 2011 03:14PM UTC by rdworth comment:5

As a work-around, initialize the outer/parent resizable first and both are resizable

Changed September 12, 2011 03:25PM UTC by scottgonzalez comment:6

Works perfectly fine for me in Firefox 6.

Changed September 12, 2011 03:46PM UTC by scottgonzalez comment:7

Sorry, I didn't notice that your last example breaks the outer. Please file a separate ticket for this as it's completely different from the original bug.