From 9617dd46d00d3d22d3b96fcf2ca260f377e14efa Mon Sep 17 00:00:00 2001
From: mainhanu <maxingchi@outlook.com>
Date: Tue, 31 May 2022 08:42:55 +0800
Subject: [PATCH] feat: support hideContextMenuOnScroll option

---
 README.md              | 6 ++++++
 docs/examples/case.tsx | 1 +
 src/index.tsx          | 4 +++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c2684c2e..f1ff180d 100644
--- a/README.md
+++ b/README.md
@@ -247,6 +247,12 @@ npm start
           <td></td>
           <td>Let popup div stretch with trigger element. enums of 'width', 'minWidth', 'height', 'minHeight'. (You can also mixed with 'height minWidth')</td>
         </tr>
+        <tr>
+          <td>hideContextMenuOnScroll</td>
+          <td>boolean</td>
+          <td>true</td>
+          <td>close popup when trigger type contains 'onContextMenu' and document is scrolling</td>
+        </tr>
     </tbody>
 </table>
 
diff --git a/docs/examples/case.tsx b/docs/examples/case.tsx
index 2d24a8e4..168e375a 100644
--- a/docs/examples/case.tsx
+++ b/docs/examples/case.tsx
@@ -217,6 +217,7 @@ const Demo = () => {
             onPopupAlign={() => {
               console.warn('Aligned!');
             }}
+            hideContextMenuOnScroll={false}
           >
             <div
               style={{
diff --git a/src/index.tsx b/src/index.tsx
index ff18519b..d4069e53 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -84,6 +84,7 @@ export interface TriggerProps {
   popupVisible?: boolean;
   defaultPopupVisible?: boolean;
   autoDestroy?: boolean;
+  hideContextMenuOnScroll?: boolean;
 
   stretch?: string;
   alignPoint?: boolean; // Maybe we can support user pass position in the future
@@ -151,6 +152,7 @@ export function generateTrigger(
       showAction: [],
       hideAction: [],
       autoDestroy: false,
+      hideContextMenuOnScroll: true,
     };
 
     popupRef = React.createRef<PopupInnerRef>();
@@ -240,7 +242,7 @@ export function generateTrigger(
           );
         }
         // close popup when trigger type contains 'onContextMenu' and document is scrolling.
-        if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {
+        if (props.hideContextMenuOnScroll && !this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {
           currentDocument =
             currentDocument || props.getDocument(this.getRootDomNode());
           this.contextMenuOutsideHandler1 = addEventListener(