alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(nodes): add missing dragging class to node selection rect

Browse Source
This commit is contained in:
braks
2022-10-14 21:13:29 +02:00
committed by Braks
parent 09a21b2ae3
commit 58d11db1f9
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/NodesSelection/NodesSelection.vue
+2 -2
View File
@@ -6,7 +6,7 @@ const { emits, setState, viewport, getSelectedNodes, snapToGrid, snapGrid, noPan
const el = ref() const el = ref()
useDrag({ const dragging = useDrag({
el, el,
onStart(event, node, nodes) { onStart(event, node, nodes) {
emits.selectionDragStart({ event, node, nodes }) emits.selectionDragStart({ event, node, nodes })
@@ -43,6 +43,6 @@ export default {
:class="noPanClassName" :class="noPanClassName"
:style="{ transform: `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})` }" :style="{ transform: `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})` }"
> >
<div ref="el" class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" /> <div ref="el" :class="{ dragging }" class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" />
</div> </div>
</template> </template>
packages/core/src/style.css
+4
View File
@@ -132,6 +132,10 @@
position: absolute; position: absolute;
pointer-events: all; pointer-events: all;
cursor: grab; cursor: grab;
&.dragging {
cursor: grabbing;
}
} }
} }