fix: 修复popover定位问题 (baidu#9796)

* fix: 修复popover定位问题 * fix: 修复popover定位问题 --------- Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
lhtuling · Mar 14, 2024 · 45a6e8f · 45a6e8f
1 parent 42ffae4
commit 45a6e8f
Showing 1 changed file with 22 additions and 3 deletions.
diff --git a/packages/amis-core/src/utils/dom.tsx b/packages/amis-core/src/utils/dom.tsx
@@ -201,9 +201,28 @@ export function calculatePosition(
         if (visibleX && visibleY) {
           break;
         } else if (isAuto && tests.length === 0) {
-          // 如果是 auto 模式，且最后一个方向都不可见，则直接平移到可见区域
-          visibleY || (positionTop = window.innerHeight - transformed.height);
-          visibleX || (positionLeft = window.innerWidth - transformed.width);
+          // 获取相对定位的父元素位置
+          let parentElement = overlayNode.offsetParent;
+          while (
+            parentElement &&
+            window.getComputedStyle(parentElement).position === 'static'
+          ) {
+            parentElement = parentElement.offsetParent;
+          }
+          const parentRect = parentElement?.getBoundingClientRect?.();
+          const parentTransformed = {
+            x: parentRect?.x || 0,
+            y: parentRect?.y || 0
+          };
+          // 如果是 auto 模式，且最后一个方向都不可见，则直接平移到可见区域，考虑相对定位的父元素位置，保留10px的边距
+          visibleY ||
+            (positionTop =
+              Math.max(10, window.innerHeight - transformed.height) -
+              parentTransformed.y);
+          visibleX ||
+            (positionLeft =
+              Math.max(10, window.innerWidth - transformed.width) -
+              parentTransformed.x);
         }
       }
     }