From be9cf6c5f052a1b78f86287649a95e3a53d74d48 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 12 Apr 2026 12:15:59 -0700
Subject: [PATCH] fix: prevent stream click navigation during text edit

---
 js/src/features/particles/text-edit-overlay.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/js/src/features/particles/text-edit-overlay.tsx b/js/src/features/particles/text-edit-overlay.tsx
index b91f9de..19f29cd 100644
--- a/js/src/features/particles/text-edit-overlay.tsx
+++ b/js/src/features/particles/text-edit-overlay.tsx
@@ -51,7 +51,10 @@ export function TextEditOverlay({
   }, [saving, textContent, particle.properties.content, particle.id, streamPath, onClose]);
 
   return createPortal(
-    <div className="fixed inset-0 z-[100]">
+    // React synthetic events bubble through the React tree (not the DOM tree),
+    // so clicks here would reach stream-view's click-to-navigate handler even
+    // though we're portaled to document.body. Stop propagation at the root.
+    <div className="fixed inset-0 z-[100]" onClick={(e) => e.stopPropagation()}>
       <TextEditor
         textContent={textContent}
         onTextChange={setTextContent}