From e5d0901204f49c5e5e4c3713026cb1bcecb7d8c8 Mon Sep 17 00:00:00 2001
From: ddCat <2695092045@qq.com>
Date: Wed, 29 Jul 2026 16:44:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E7=94=BB=E5=B8=83=E5=BC=B9?=
 =?UTF-8?q?=E5=B1=82=20-=20=E7=BC=A9=E6=94=BE=E5=B9=B3=E7=A7=BB=E6=97=B6?=
 =?UTF-8?q?=E4=BF=9D=E6=8C=81=E4=B8=8B=E6=8B=89=E6=A1=86=E9=94=9A=E7=82=B9?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/lib/canvas/canvas-live-viewport.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/canvas/canvas-live-viewport.ts b/web/src/lib/canvas/canvas-live-viewport.ts
index d10dd0a1a..e7337225a 100644
--- a/web/src/lib/canvas/canvas-live-viewport.ts
+++ b/web/src/lib/canvas/canvas-live-viewport.ts
@@ -12,7 +12,11 @@ export function applyCanvasLiveViewport(container: HTMLDivElement | null, viewpo
     container.style.setProperty("--canvas-grid-x", `${viewport.x % gridSize}px`);
     container.style.setProperty("--canvas-grid-y", `${viewport.y % gridSize}px`);
     container.style.setProperty("--canvas-dot-size", viewport.k < 0.12 ? "0.8px" : "1.15px");
-    if (notify) container.dispatchEvent(new CustomEvent<ViewportTransform>(CANVAS_VIEWPORT_PREVIEW_EVENT, { detail: viewport }));
+    if (notify) {
+        container.dispatchEvent(new CustomEvent<ViewportTransform>(CANVAS_VIEWPORT_PREVIEW_EVENT, { detail: viewport }));
+        // Ant Design overlays watch scrollable ancestors, but CSS transforms do not emit layout events.
+        container.dispatchEvent(new Event("scroll"));
+    }
 }
 
 export function subscribeCanvasViewportPreview(container: HTMLDivElement, listener: (viewport: ViewportTransform) => void) {