draggable("destroy") does not destroy deep cloned objects

[dustinboston]

• jQuery version's tested: 1.4.4-1.6.2
• jQuery UI version tested: 1.8.14
• Browser's tested: FF5, Chrome 13.0.78.112
• Platform: Windows

How to reproduce

Go to the example at  http://jsfiddle.net/Rb52z/13/
The second box is the cloned item. Items that have the .ui-draggable class are outlined in black. Click the destroy link to destroy the draggables.

Expected behavior

All outlines go away (draggable is destroyed for *all* elements)

Actual behavior

Only the original draggable is destroyed, the clone is not

The same thing happens with resizable.

[scott.gonzalez]

We don't support cloning widgets.

[dustinboston]

I think that needs to be specifically stated somewhere so people don't waste their time making repro cases and reporting bugs that are not going to be considered.

[scott.gonzalez]

Do you have a suggestion for a location to put a note that people would see it?

[scott.gonzalez]

Also, for reference, we do have a feature ticket for this, but I'm not sure if it will ever be worked on: #3803.

[dustinboston]

Yes, I think it would be really helpful to add a Frequently Asked Questions page like  http://docs.jquery.com/Frequently_Asked_Questions to  http://jqueryui.com/demos/ under the "For Developers" section. This could be useful for answering other questions of this nature.

Regarding the feature ticket, I don't know that cloning should be supported. I was originally trying to point out a potential bug in the destroy method on draggables (also applies to resizables) which excludes cloned elements. I've been through the code but I'm not quite sure why it doesn't destroy clones at this point.

As a workaround I simply copied all the code from the destroy method and used the selector for my cloned items to destroy them. But that's obviously undesirable:

$(".your-draggable")
	.enableSelection()
	.removeData("draggable")
	.unbind(".draggable")
	.removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled");