#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 11 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
comment:2 Changed 11 years ago by
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:4 Changed 11 years ago by
try to resize the outer one: http://jsfiddle.net/JLbyD/
im using firefox
comment:5 Changed 11 years ago by
As a work-around, initialize the outer/parent resizable first and both are resizable
comment:7 Changed 11 years ago by
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.
Your containment selector has a typo.