fix: ignore touchstart events for closing modal popups

openedx · Jun 11, 2024 · 83ca0c2 · 83ca0c2
1 parent d4b08db
commit 83ca0c2
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/Modal/ModalPopup.jsx b/src/Modal/ModalPopup.jsx
@@ -34,6 +34,14 @@ function ModalPopup({
     },
   ];
 
+  const handleOnClickOutside = (e) => {
+    if (e.type === 'touchstart') {
+      return;
+    }
+
+    onClose();
+  };
+
   return (
     <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>
       <RootComponent>
@@ -47,7 +55,7 @@ function ModalPopup({
             scrollLock={false}
             enabled={isOpen}
             onEscapeKey={onClose}
-            onClickOutside={onClose}
+            onClickOutside={handleOnClickOutside}
           >
             {isOpen && (
               <div className="pgn__modal-popup__tooltip">