From 63ad1b289ba50cd7fd35c4606858c88122147a41 Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Sat, 27 Dec 2025 19:09:23 -0800
Subject: [PATCH] Reset zoom on preview change

---
 src/components/ui/ZoomPane.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/ZoomPane.vue b/src/components/ui/ZoomPane.vue
index e6195f6be3..c3e8c22aa9 100644
--- a/src/components/ui/ZoomPane.vue
+++ b/src/components/ui/ZoomPane.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
+import { computed, ref, useSlots, useTemplateRef, watch } from 'vue'
 
 const zoomPane = useTemplateRef('zoomPane')
 
@@ -7,6 +7,17 @@ const zoom = ref(1.0)
 const panX = ref(0.0)
 const panY = ref(0.0)
 
+const slots = useSlots()
+
+watch(
+  () => slots.default?.(),
+  () => {
+    zoom.value = 1
+    panX.value = 0
+    panY.value = 0
+  }
+)
+
 function handleWheel(e: WheelEvent) {
   const zoomPaneEl = zoomPane.value
   if (!zoomPaneEl) return