Skip to content

Cursor is not properly reset with draggable and connectToSortable #2152

Open
@Eydamos

Description

@Eydamos

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 auto and sets cursor to move on body
  • sortable start event is triggered: saves body value of move and sets cursor to move on 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');
      }
    });

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions