From d7945afbae73cc18d2a4e84270e68c3be086bb30 Mon Sep 17 00:00:00 2001
From: Steve Bauman <steven_bauman@outlook.com>
Date: Wed, 14 Oct 2026 10:58:33 -0400
Subject: [PATCH] Keep canvas pinch zoom anchored to the pointer

---
 app/components/Preview.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/components/Preview.vue b/app/components/Preview.vue
index b9d0e58..d1b09a0 100644
--- a/app/components/Preview.vue
+++ b/app/components/Preview.vue
@@ -51,10 +51,16 @@
                 :style="{ top: `calc(50% + ${previewRestingY * zoom}px)` }"
             />
 
-            <div ref="preview" data-preview-viewport class="relative z-10">
+            <!-- Panzoom measures focal points from its parent's origin. Fill that
+                 area so the centered canvas stays beneath the pointer when zooming. -->
+            <div
+                ref="preview"
+                data-preview-viewport
+                class="pointer-events-none absolute inset-0 z-10 flex items-center justify-center"
+            >
                 <Canvas
                     ref="canvas"
-                    class="canvas relative flex items-center justify-center"
+                    class="canvas pointer-events-auto relative flex shrink-0 items-center justify-center"
                     :zoom="zoom"
                     :resizable="!lockWindowSize"
                     :position="settings.position"