Calling .draggable({ refreshPositions: true }); on sortable items gets them stuck

See http://jsfiddle.net/HANq6/6/

What I noticed in jsfiddle is that if you try to leave the view frame with the item, it suddenly detects the changes made in the DOM.

What do you mean by "gets them stuck" and "fixed inside the sortable"? Your demo code doesn't even line up with your description of the problem.

I does, just uncomment the line, or go here, where it is uncommented http://jsfiddle.net/HANq6/7/. Drag an item from the right list to the left list, release it, now try to drag the same item again, you can't.

I'm extremely confused by what you're trying to accomplish. What do you expect a draggable and sortable element to do?

The situation is as follows:

On the left side are slots, some are empty, some are not. Since you need to be able to fill empty slots, replace them and insert in between them, I use a list of droppables, with the non-empty ones also draggable. On the right is a repository of currently unused items. These need to be able to fill empty slots, swap with filled slots and be inserted between slots. For this I used a sortable as a container of items.

Everything works but one thing:

Dragging elements from the sortable between the slots. This is because once they hover above a slot, two new temporary slots appear above and below, but since the item doesn't see this (sortables unlike draggables don't have a refreshPositions property) it doesn't work.

This is why I tried using draggable({refreshPositions:true}) on them, but then they just get stuck.

I'm going to close this as invalid, since what you want is to refresh the positions for the sortable. Making an element both draggable and sortable doesn't make sense.