Response title
This is preview!
ui.resizable / ui.droppable - cloned element no longer resizable
in Developing jQuery UI
•
10 years ago
Hi again,
When using resizable with draggable and clone method on drop event the this.handles retains its previous assignment to an element that's no longer part of DOM.
My scenario is as follows:
- there exist an element with resizable and draggable applied to it
- upon dropping on droppable area a $(ui.draggable).clone() method is run (without deep event cloning)
- original element is removed
- resizable and droppable is applied again on newly created element
The problem is that you cannot resize cloned element - the resize errors as $(this.handles[i]) now is a collection of two elements, where $(this.handles[i])[0] is an element no longer existing in DOM - this causes false on _mouseCapture, which prevents mouse.ui to run _mouseStart event (line #230).
You can however drag it and drop it without any problems.
My question is: is that expected behaviour, or am I not supposed to do something like that :)
When using resizable with draggable and clone method on drop event the this.handles retains its previous assignment to an element that's no longer part of DOM.
My scenario is as follows:
- there exist an element with resizable and draggable applied to it
- upon dropping on droppable area a $(ui.draggable).clone() method is run (without deep event cloning)
- original element is removed
- resizable and droppable is applied again on newly created element
The problem is that you cannot resize cloned element - the resize errors as $(this.handles[i]) now is a collection of two elements, where $(this.handles[i])[0] is an element no longer existing in DOM - this causes false on _mouseCapture, which prevents mouse.ui to run _mouseStart event (line #230).
You can however drag it and drop it without any problems.
My question is: is that expected behaviour, or am I not supposed to do something like that :)
1