fix: 修复 popup 内容超长滚动问题

ZhongAnTech · Oct 17, 2023 · 6b13b65 · 6b13b65
1 parent c1490ca
commit 6b13b65
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/packages/zarm/src/modal/demo.md b/packages/zarm/src/modal/demo.md
@@ -156,8 +156,19 @@ const Demo = () => {
 
       <div id="test-div" style={{ position: 'relative', zIndex: 1 }} ref={myRef} />
 
-      <Modal visible={state.normal.visible} title="标题" closable onClose={() => toggle('normal')}>
-        模态框内容
+      <Modal
+        visible={state.normal.visible}
+        title="标题"
+        closable
+        onClose={() => toggle('normal')}
+        maskClosable
+      >
+        {Array.from(Array(100).fill(0)).map((_, index) => (
+          <div key={index}>
+            模态框内容
+            <br />
+          </div>
+        ))}
       </Modal>
 
       <Modal

diff --git a/packages/zarm/src/popup/Popup.tsx b/packages/zarm/src/popup/Popup.tsx
@@ -55,7 +55,6 @@ const Popup = React.forwardRef<HTMLDivElement, PopupProps>((props, ref) => {
   }, []);
 
   const handleClick = (event: React.MouseEvent) => {
-    event.stopPropagation();
     if (nodeRef.current !== event.target && nodeRef.current.contains(event.target as HTMLElement)) {
       return;
     }
-Original file line number
+Diff line change
@@ Expand Up @@
       }, []);
       const handleClick = (event: React.MouseEvent) => {
-        event.stopPropagation();
         if (nodeRef.current !== event.target && nodeRef.current.contains(event.target as HTMLElement)) {
           return;
         }
@@ Expand Down @@