From 8615e3a5d24ae6a56f430f3ed21a8c0290bf1205 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Thu, 16 Mar 2023 11:19:30 +0800
Subject: [PATCH] chore: ignore body rect

---
 docs/demos/body-overflow.md     |  8 +++++
 docs/examples/body-overflow.tsx | 63 +++++++++++++++++++++++++++++++++
 src/hooks/useAlign.ts           |  4 +++
 3 files changed, 75 insertions(+)
 create mode 100644 docs/demos/body-overflow.md
 create mode 100644 docs/examples/body-overflow.tsx

diff --git a/docs/demos/body-overflow.md b/docs/demos/body-overflow.md
new file mode 100644
index 00000000..6f6f9c48
--- /dev/null
+++ b/docs/demos/body-overflow.md
@@ -0,0 +1,8 @@
+---
+title: Body Overflow
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/body-overflow.tsx"></code>
\ No newline at end of file
diff --git a/docs/examples/body-overflow.tsx b/docs/examples/body-overflow.tsx
new file mode 100644
index 00000000..a1f8b4e8
--- /dev/null
+++ b/docs/examples/body-overflow.tsx
@@ -0,0 +1,63 @@
+/* eslint no-console:0 */
+import Trigger from 'rc-trigger';
+import React from 'react';
+import '../../assets/index.less';
+
+export default () => {
+  return (
+    <React.StrictMode>
+      <style
+        dangerouslySetInnerHTML={{
+          __html: `
+        body {
+          overflow-x: hidden;
+        }
+      `,
+        }}
+      />
+
+      <Trigger
+        arrow
+        // forceRender
+        action="click"
+        popup={
+          <div
+            style={{
+              background: 'yellow',
+              border: '1px solid blue',
+              width: 200,
+              height: 60,
+              opacity: 0.9,
+            }}
+          >
+            Popup
+          </div>
+        }
+        popupStyle={{ boxShadow: '0 0 5px red' }}
+        popupAlign={{
+          points: ['tc', 'bc'],
+          overflow: {
+            shiftX: 50,
+            adjustY: true,
+          },
+          offset: [0, -10],
+          htmlRegion: 'scroll',
+        }}
+      >
+        <span
+          style={{
+            background: 'green',
+            color: '#FFF',
+            paddingBlock: 30,
+            paddingInline: 70,
+            opacity: 0.9,
+            transform: 'scale(0.6)',
+            display: 'inline-block',
+          }}
+        >
+          Target
+        </span>
+      </Trigger>
+    </React.StrictMode>
+  );
+};
diff --git a/src/hooks/useAlign.ts b/src/hooks/useAlign.ts
index daabaa18..3f79bb95 100644
--- a/src/hooks/useAlign.ts
+++ b/src/hooks/useAlign.ts
@@ -191,6 +191,10 @@ export default function useAlign(
             };
 
       (scrollerList || []).forEach((ele) => {
+        if (ele instanceof HTMLBodyElement) {
+          return;
+        }
+
         const eleRect = ele.getBoundingClientRect();
         const {
           offsetHeight: eleOutHeight,