Cursor is not properly reset with draggable and connectToSortable #2152
Description
If both the sortable and draggable have the cursor option set the cursor stays at the value from the draggable after the draggable was dropped.
Example to reproduce:
https://jsfiddle.net/5fxqybrs/1/
Moving the sortable elements works fine and sets the cursor to move and resets it back to auto.
But moving the draggable into the sortable keeps the cursor as move and it will never go back to auto again.
The following happens:
- draggable start event is triggered: saves body value
autoand sets cursor tomoveon body - sortable start event is triggered: saves body value of
moveand sets cursor tomoveon body - draggable stop event is triggered: setting cursor back to stored value of
auto - sortable stop event is triggered: setting cursor back to stored value of
move
A workaround I have implemented for now is setting the stop option of the sortable to a function which sets the cursor to auto:
$( "#sortable" ).sortable({
revert: true,
cursor: "move",
stop: function() {
$('body').css('cursor', 'auto');
}
});