From abd1d6453f510106528d5c7f379d0b0621e1cab0 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 6 Dec 2023 17:32:48 +0200
Subject: [PATCH] e.stopPropagation on modal bg click

---
 packages/app/src/Element/Spotlight/SpotlightMedia.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
index 0cb86e38..109dae3a 100644
--- a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
+++ b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
@@ -121,11 +121,15 @@ export function SpotlightMedia(props: SpotlightMediaProps) {
 }
 
 export function SpotlightMediaModal(props: SpotlightMediaProps) {
+  const onClose = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    props.onClose();
+  };
   return (
     <Modal
       id="spotlight"
       onClick={props.onClose}
-      onClose={props.onClose}
+      onClose={onClose}
       className="spotlight"
       bodyClassName="h-screen w-screen flex items-center justify-center">
       <SpotlightMedia {...props} />