fix modal behaviour when rendered inside a clickable element

espoon-voltti · Dec 3, 2024 · 1d1e978 · 1d1e978
1 parent ef2953d
commit 1d1e978
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/lib-components/molecules/modals/BaseModal.tsx b/frontend/src/lib-components/molecules/modals/BaseModal.tsx
@@ -44,6 +44,7 @@ export default React.memo(function BaseModal(props: Props) {
         className={props.className}
         zIndex={props.zIndex}
         data-qa={props['data-qa']}
+        onClick={(e) => e.stopPropagation()}
       >
         <ModalContainer
           mobileFullScreen={props.mobileFullScreen}
@@ -184,6 +185,7 @@ const ModalContainer = styled.div<{
 `
 
 const ModalWrapper = styled.div<{ zIndex?: number }>`
+  cursor: default;
   align-items: center;
   display: flex;
   flex-direction: column;