Vue.Draggable icon indicating copy to clipboard operation
Vue.Draggable copied to clipboard

Cursor icon when dragging (drag and drop, rock and roll).

Open Matman94 opened this issue 4 years ago • 3 comments

First check https://github.com/SortableJS/Vue.Draggable/blob/master/CONTRIBUTING.md

Hi, please tell me, how can I display any other cursor such as grab and grabbing, instead default cursor with rectangle.

Jsfiddle link

image

Step by step scenario

Just simply dragging an item.

Actual Solution

Unknown

Expected Solution

grabbing cursor when I dragging 🗡️

Matman94 avatar Feb 11 '21 14:02 Matman94

same problem here

vituhernandez avatar Feb 24 '21 17:02 vituhernandez

Has anyone been able to find a solution?

mreduar avatar Jan 12 '22 16:01 mreduar

Set props "force-fallback" for component

<Draggable :force-fallback="true" ... >
</Draggable>

And write styles for list drag list items

.list-item {
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
}
.list-item:active {
       cursor: grabbing;
       cursor: -moz-grabbing;
       cursor: -webkit-grabbing;
}

This resolve problem with cursor, but maybe created new...

Tsuev avatar Dec 06 '23 21:12 Tsuev