bao/nexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: detect drag state on pointer release
CI - Build & Test / Backend (.NET) (push) Successful in 25s
Details
CI - Build & Test / Frontend (Vue/TS) (push) Successful in 17s
Details
CI - Build & Test / Security Check (push) Successful in 2s
Details

Browse Source
This commit is contained in:
AzuTear
2026-06-14 15:33:51 +02:00
parent e034883abd
commit 390bffa208
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/dashboard/v2/useFlowCanvasInteractions.ts
+5 -3
View File
@@ -1,7 +1,7 @@
import { ref } from 'vue' import { ref } from 'vue'
const DRAG_THRESHOLD = 5 const DRAG_THRESHOLD = 5
const CLICK_SUPPRESSION_MS = 250 const CLICK_SUPPRESSION_MS = 400
export interface FlowPosition { export interface FlowPosition {
x: number x: number
@@ -93,14 +93,16 @@ export function useFlowCanvasInteractions(options: UseFlowCanvasInteractionsOpti
} }
} }
function onPointerUp() { function onPointerUp(e: PointerEvent) {
if (!drag.value) return if (!drag.value) return
const currentDrag = drag.value const currentDrag = drag.value
const endDistance = Math.hypot(e.clientX - currentDrag.startX, e.clientY - currentDrag.startY)
const wasDragged = currentDrag.moved || endDistance >= DRAG_THRESHOLD
const node = options.flowRef.value?.querySelector(`.node[data-id="${currentDrag.id}"]`) as HTMLElement | null const node = options.flowRef.value?.querySelector(`.node[data-id="${currentDrag.id}"]`) as HTMLElement | null
if (node) node.classList.remove('dragging') if (node) node.classList.remove('dragging')
if (currentDrag.moved) { if (wasDragged) {
suppressClickUntil.value = performance.now() + CLICK_SUPPRESSION_MS suppressClickUntil.value = performance.now() + CLICK_SUPPRESSION_MS
} }