Skip to content

cursor: move not applied while dragging a tile #3044

Closed
@conner-fallone

Description

@conner-fallone

Subject of the issue

When dragging a widget around, I see that there is some CSS in gridstack that should be applying a move cursor.. however, that doesn't appear to be happening. I've traced it down to the fact that the gridstack-item has a pointer-events: none which conflicts with being able to change the cursor. If you change pointer-events to all just for testing, you'll see that the move cursor shows.

Also, should it be using grab/grabbing instead of move?

Perhaps this may be of help too, CDK Drag suffers from the same issue angular/components#20246

Your environment

  • version of gridstack.js - 12
  • which browser/OS - chrome / windows

Steps to reproduce

https://jsfiddle.net/85pj7L2s/ uncomment the commented out style to see the move cursor come in while dragging.

Expected behavior

The move cursor should be showing while dragging a tile. I would perhaps suggest switching to grab/grabbing, as move was to support IE back in the day I believe, and grab/grabbing is becoming the new norm. If this can't be supported, the css applying the move cursor should at a minimum be removed, since it's not doing anything

cursor: move;

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions