Resizable: Elements that have inner resizable elements do not work

[dosinovsky]

1. Create resizable inside another resizable with the same type of handles (for example, both have 'e' handle). 'handles' option must be given as string.

2. Initialize inner resizable first and after that initialize outer.

3. Now try to resize outer resizable - it doesn't work.

In debugger you can see that in _mouseCapture function this expression $(this.handles[i])[0] returns handle of inner resizable instead of outer.

How to fix: In this._renderAxis find this lines if(this.handles[i].constructor == String)

this.handles[i] = $(this.handles[i], this.element).show();

and change last line to

this.handles[i] = $(this.handles[i] + ':last', this.element).show();

[tj.vantoll]

Verified that this is still an issue in 1.9.1 - ​http://jsfiddle.net/bLKUU/.

[tj.vantoll]

#8604 is a duplicate of this ticket.

[Jyoti Deka]

Resizable: modified to allow resizing when resizables are nested.

Fixes #5025 Closes gh-1149

Changeset: ec5f395260c5e4b678d2fe39c5405d466ee8369e