Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#7711 closed bug (notabug)

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/

Change History (7)

comment:1 Changed 8 years ago by Scott González

Resolution: invalid
Status: newclosed

Your containment selector has a typo.

comment:2 Changed 8 years ago by mightyuhu

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

comment:3 Changed 8 years ago by Scott González

I'm not seeing that.

comment:4 Changed 8 years ago by mightyuhu

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

im using firefox

comment:5 Changed 8 years ago by rdworth

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

comment:6 Changed 8 years ago by Scott González

Works perfectly fine for me in Firefox 6.

comment:7 Changed 8 years ago by Scott González

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.

Note: See TracTickets for help on using tickets.