fix: [Modal] fix safe area

alibaba · Mar 1, 2022 · 6beae88 · 6beae88
1 parent 62b6863
commit 6beae88
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Modal/Base.tsx b/src/components/Modal/Base.tsx
@@ -82,6 +82,8 @@ export const Base: React.FC<ModalProps> = (props) => {
 
   if (!didMount) return null;
 
+  const needSafeArea = baseClass === 'Popup' && !actions;
+
   return createPortal(
     <div className={clsx(baseClass, className, { active: isShow })} ref={wrapper} tabIndex={-1}>
       {backdrop && (
@@ -91,7 +93,7 @@ export const Base: React.FC<ModalProps> = (props) => {
         />
       )}
       <div
-        className={clsx(`${baseClass}-dialog`, { 'pb-safe': !actions })}
+        className={clsx(`${baseClass}-dialog`, { 'pb-safe': needSafeArea })}
         role="dialog"
         aria-labelledby={titleId}
         aria-modal