From 9d072e513c1b693a61c0624be05b028128ad845b Mon Sep 17 00:00:00 2001
From: Rui-Sun <sunrui1992@foxmail.com>
Date: Tue, 5 Nov 2024 17:24:19 +0800
Subject: [PATCH] fix: fix menu scale pos problem #2734

---
 .../fix-scale-menu-pos_2024-11-05-09-24.json     | 10 ++++++++++
 .../src/components/menu/dom/logic/MenuElement.ts | 16 ++++++++++++----
 2 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 common/changes/@visactor/vtable/fix-scale-menu-pos_2024-11-05-09-24.json

diff --git a/common/changes/@visactor/vtable/fix-scale-menu-pos_2024-11-05-09-24.json b/common/changes/@visactor/vtable/fix-scale-menu-pos_2024-11-05-09-24.json
new file mode 100644
index 000000000..3c78de468
--- /dev/null
+++ b/common/changes/@visactor/vtable/fix-scale-menu-pos_2024-11-05-09-24.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vtable",
+      "comment": "fix: fix menu scale pos problem #2734",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vtable"
+}
\ No newline at end of file
diff --git a/packages/vtable/src/components/menu/dom/logic/MenuElement.ts b/packages/vtable/src/components/menu/dom/logic/MenuElement.ts
index 5dc783c80..c33a01516 100644
--- a/packages/vtable/src/components/menu/dom/logic/MenuElement.ts
+++ b/packages/vtable/src/components/menu/dom/logic/MenuElement.ts
@@ -499,11 +499,19 @@ export class MenuElement {
         rootElementLeft = referencePosition.rect.right - rootElementWidth;
         rootElementTop = referencePosition.rect.bottom;
       }
+
+      // 获取元素的边界矩形
+      const rect = element.getBoundingClientRect();
+
+      // 计算缩放比例
+      const scaleX = rect.width / element.offsetWidth;
+      const scaleY = rect.height / element.offsetHeight;
+
       //  rootElementLeft = position.x - rootElementWidth;
       // let leftStyle = rootElementLeft;
       // 检测下方能否容纳，不能容纳向上偏移
-      if (rootElementTop + rootElementHeight > containerHeight) {
-        rootElementTop = containerHeight - rootElementHeight;
+      if (rootElementTop * scaleY + rootElementHeight > containerHeight) {
+        rootElementTop = (containerHeight - rootElementHeight) / scaleY;
         // rootElementLeft += rootElementWidth - 2;
       }
       // 偏移后上方超出canvas范围，居中显示
@@ -515,8 +523,8 @@ export class MenuElement {
       // 判断如果超出左右范围则靠边显示
       if (rootElementLeft < 0) {
         rootElementLeft = 0;
-      } else if (rootElementLeft + rootElementWidth > containerWidth) {
-        rootElementLeft = containerWidth - rootElementWidth;
+      } else if (rootElementLeft * scaleX + rootElementWidth > containerWidth) {
+        rootElementLeft = (containerWidth - rootElementWidth) / scaleX;
       }
       rootElement.style.left = `${rootElementLeft}px`;