Fix ant-design#47967 modal rendering issue

mithun522 · Mar 28, 2024 · 5f32f8e · 5f32f8e
1 parent bc2c1e1
commit 5f32f8e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
@@ -1,7 +1,7 @@
-import * as React from 'react';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
+import * as React from 'react';
 
 import useClosable from '../_util/hooks/useClosable';
 import { useZIndex } from '../_util/hooks/useZIndex';
@@ -144,6 +144,13 @@ const Modal: React.FC<ModalProps> = (props) => {
             maskTransitionName={getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName)}
             className={classNames(hashId, className, modal?.className)}
             style={{ ...modal?.style, ...style }}
+            bodyStyle={{
+              maxHeight: 'calc(70vh - 60px)',
+              overflowY: 'auto',
+              paddingRight: 16,
+              scrollbarWidth: 'none',
+              msOverflowStyle: 'none',
+            }}
             classNames={{
               ...modal?.classNames,
               ...modalClassNames,