fix: ignore click in visible modal in case of pop up meny

Author: AbhishekA1509

src/Common/Modals/Modal.tsx

@@ -17,6 +17,7 @@
 import React, { useEffect } from 'react'
 import ReactDOM from 'react-dom'
 import { ModalType } from '../Types'
+import { POP_UP_MENU_MODAL_ID } from '@Shared/constants'
 
 /**
  * @deprecated Use VisibleModal instead
@@ -78,7 +79,7 @@ export const Modal = ({
                 innerRef.current = el
             }}
             id="popup"
-            className={`${rootClassName} popup ${modal ? 'modal' : ''}`}
+            className={`${rootClassName} ${POP_UP_MENU_MODAL_ID} ${modal ? 'modal' : ''}`}
             style={{ ...style }}
         >
             {children}

src/Common/Modals/VisibleModal.tsx

@@ -16,7 +16,7 @@
 
 import React, { SyntheticEvent } from 'react'
 import ReactDOM from 'react-dom'
-import { preventBodyScroll } from '../../Shared'
+import { POP_UP_MENU_MODAL_ID, preventBodyScroll } from '../../Shared'
 import { stopPropagation } from '../Helper'
 
 export class VisibleModal extends React.Component<{
@@ -67,6 +67,10 @@ export class VisibleModal extends React.Component<{
     }
 
     handleBodyClick = (e: SyntheticEvent) => {
+        const isPopupMenuPresent = document.getElementById(POP_UP_MENU_MODAL_ID)
+        if (isPopupMenuPresent) {
+            return
+        }
         e.stopPropagation()
 
         this.props.close?.(e)

src/Shared/constants.tsx

@@ -419,3 +419,5 @@ export enum ComponentSizeType {
     medium = 'medium',
     large = 'large',
 }
+
+export const POP_UP_MENU_MODAL_ID = 'popup'