Resizable: Modified to allow jquery objects as handles. Fixed #9658: Custom handlers did not work as jquery objects (outside the resizable element) #1134
Conversation
I needed to use as handle a div outside the resizable element. So I tried to specify the jquery element as the documentation said but it did not work.
handles: { "s": $("#customResizableHandle") },
The documentation said in handles option:
Object:
The following keys are supported: { n, e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery selector matching the child element of the resizable to use as that handle. If the handle is not a child of the resizable, you can pass in the DOMElement or a valid jQuery object directly.
Note: When generating your own handles, each handle must have the ui-resizable-handle class, as well as the appropriate ui-resizable-{direction} class, .e.g., ui-resizable-s.
I also found the next ticket:
Ticket: http://bugs.jqueryui.com/ticket/4310 (2009 bug, still in last version)
My edition fix that bug (but I need to test it thoroughly). Now I can use a handle outside the element resizable. I hope this help.
My solution is based in a previous solution from ylebre http://stackoverflow.com/questions/958419/custom-resizable-handles-in-jquery-ui
I had to make some modifications and adaptions to the current version.
It validates the resize works
Before the description does not work. I was focused in jquery objects not selectors. Now all custom handlers work. http://bugs.jqueryui.com/ticket/4310
They must not be outside the element resizable as the documentation said, so I maid two resizable elements. If the element is outside the handler must be a jQuery object
…outside. Inside works in the current version.
|
Before we can look at this, we'll need you to do a few things:
Thanks. |
|
Hi Scott, hi patrixd! |
|
No, it was closed 2 months ago without being merged. |
|
Hi Scott, I for my part need to position the handle on an adjacent div of the resizable element. As the resizable container ist partially hidden. Besides there's currently a heavy issue if i attach it to the resizable area itself as its a mapbox container which aggressively!!! intercepts all events on child elements! Are you considering in supporting the behaviour of general handles as described in the jquery-ui documentation or are you going to delete that feature alltogether? Thanks for you help! |
|
You can follow the status in our bug tracker: http://bugs.jqueryui.com/ticket/4310 |
|
Thanks for the information! |
|
I do not understand. It is not closed. I followed your instructions and the bug is still open. |
I needed to use as handle a div outside the resizable element. So I tried to specify the jquery element as the documentation said but it did not work.
handles: { "s": $("#customResizableHandle") },
The documentation said in handles option:
Object:
The following keys are supported: { n, e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery selector matching the child element of the resizable to use as that handle. If the handle is not a child of the resizable, you can pass in the DOMElement or a valid jQuery object directly.
Note: When generating your own handles, each handle must have the ui-resizable-handle class, as well as the appropriate ui-resizable-{direction} class, .e.g., ui-resizable-s.
This pull fix that bug. Now I can use a handle outside the element resizable. I hope this help.
I started using a code of a Stackoverflow reply from ylebre http://stackoverflow.com/questions/958419/custom-resizable-handles-in-jquery-ui but it didn't work at the beginning so I had to change it.