Close modal on click

2025-12-09 11:20:00 +01:00
parent 255880d40d
commit 1c80e61329
1 changed files with 10 additions and 2 deletions
@@ -6,9 +6,17 @@ const Modal = ({ open, onClose, children, title }) => {

    if (!open) return null;

+    const handleOverlayClick = () => {
+        onClose();
+    };
+
+    const handleModalClick = (e) => {
+        e.stopPropagation();
+    };
+
    return createPortal(
-        <div className={styles.overlay}>
-            <div className={styles.modal}>
+        <div className={styles.overlay} onClick={handleOverlayClick}>
+            <div className={styles.modal} onClick={handleModalClick}>
                {title && <h2>{title}</h2>}
                {children}
                <div className={styles.modalFooter}>