prevent drag to zoom conflicting with drag&drop

This commit is contained in:
marlon-erler
2026-09-24 23:45:38 +02:00
parent c5db5290ac
commit 57da5681d3
6 changed files with 788 additions and 543 deletions
+4
View File
@@ -307,6 +307,9 @@ export function implementPinchZoom(canvas: HTMLElement, data: React.State<PinchT
});
canvas.addEventListener("mousedown", (event: MouseEvent) => {
const target = event.target as HTMLElement|undefined;
if (!target || !target.classList.contains("allow-drag-move")) return;
event.preventDefault();
initialZoom = data.value.zoom;
initialX = data.value.x;
initialY = data.value.y;
@@ -319,6 +322,7 @@ export function implementPinchZoom(canvas: HTMLElement, data: React.State<PinchT
})
canvas.addEventListener("mousemove", (event: MouseEvent) => {
if (!dragging) return;
event.preventDefault();
apply(data.value.zoom, [
initialX +
(event.clientX - initialTouchX) / initialZoom,