From 54801e44af276caac895066bd1b7867763ea35bb Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 20 Nov 2022 12:56:13 -0600
Subject: [PATCH] StatusMedia: stop propagation from element root

---
 app/soapbox/components/status-media.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/status-media.tsx b/app/soapbox/components/status-media.tsx
index 71177cb12..3dc625c4d 100644
--- a/app/soapbox/components/status-media.tsx
+++ b/app/soapbox/components/status-media.tsx
@@ -173,7 +173,16 @@ const StatusMedia: React.FC<IStatusMedia> = ({
     );
   }
 
-  return media;
+  if (media) {
+    return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      <div onClick={e => e.stopPropagation()}>
+        {media}
+      </div>
+    );
+  } else {
+    return null;
+  }
 };
 
 export default StatusMedia;