From c48d3c9be3060b7a0149e768a38377a02c49d143 Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Wed, 21 Feb 2024 13:05:20 +0100 Subject: [PATCH] fix(core): use default cursor and apply drag cursor if node is draggable --- packages/core/src/components/Nodes/NodeWrapper.ts | 1 + packages/core/src/style.css | 13 +++++++++---- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/core/src/components/Nodes/NodeWrapper.ts b/packages/core/src/components/Nodes/NodeWrapper.ts index 9a079071..6716a8a7 100644 --- a/packages/core/src/components/Nodes/NodeWrapper.ts +++ b/packages/core/src/components/Nodes/NodeWrapper.ts @@ -192,6 +192,7 @@ const NodeWrapper = defineComponent({ { [noPanClassName.value]: props.draggable, dragging: dragging?.value, + draggable: props.draggable, selected: node.value.selected, selectable: props.selectable, parent: node.value.isParent, diff --git a/packages/core/src/style.css b/packages/core/src/style.css index 481a7b28..5c234679 100644 --- a/packages/core/src/style.css +++ b/packages/core/src/style.css @@ -153,11 +153,16 @@ pointer-events: all; transform-origin: 0 0; box-sizing: border-box; - cursor: grab; + cursor: default; - &.dragging { - cursor: grabbing; - } + &.draggable { + cursor: grab; + pointer-events: all; + + &.dragging { + cursor: grabbing; + } + } } .vue-flow__nodesselection {