From 7e9d90efeedbab057c627e2e98db854c34d19765 Mon Sep 17 00:00:00 2001
From: ddCat <2695092045@qq.com>
Date: Mon, 14 Sep 2026 19:53:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E7=A8=B3=E5=AE=9A=E6=9E=84?=
 =?UTF-8?q?=E5=9B=BE=E5=B7=A5=E5=85=B7=E5=AD=90=E8=8F=9C=E5=8D=95=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D=E4=B8=8E=E5=8A=A8=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/canvas-grid-split-picker.css       | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/web/src/components/canvas/canvas-grid-split-picker.css b/web/src/components/canvas/canvas-grid-split-picker.css
index cd9a145fd..729f177f2 100644
--- a/web/src/components/canvas/canvas-grid-split-picker.css
+++ b/web/src/components/canvas/canvas-grid-split-picker.css
@@ -1,7 +1,7 @@
 .canvas-node-toolbar-menu-split {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--space-1);
+    position: relative;
+    display: block;
+    overflow: visible;
 }
 
 .canvas-node-toolbar-menu-stack {
@@ -17,6 +17,34 @@
     background: var(--workspace-overlay-bg-strong, var(--dock-surface));
 }
 
+/* 子面板脱离父菜单的布局流，避免打开二/三级菜单时 rc-trigger 重新测量
+   整个 popup，导致一级菜单向左跳动。 */
+.canvas-node-toolbar-menu-split > .canvas-grid-split-picker {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: calc(100% + var(--space-1));
+    transform-origin: top left;
+    animation: canvas-grid-split-picker-in 160ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@keyframes canvas-grid-split-picker-in {
+    from {
+        opacity: 0;
+        transform: translateX(-6px) scale(0.98);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0) scale(1);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .canvas-node-toolbar-menu-split > .canvas-grid-split-picker {
+        animation: none;
+    }
+}
+
 .canvas-node-toolbar-menu-split .ant-dropdown-menu {
     border: 0 !important;
     border-radius: 0 !important;