fix(ui): preserve native context menu for chat links (#111618)

steipete · web-flow · commit eb3a600571fd · 2026-07-19T19:58:37.000-07:00
diff --git a/ui/src/pages/chat/chat-view.test.ts b/ui/src/pages/chat/chat-view.test.ts
@@ -5441,6 +5441,27 @@ describe("right-click Reply", () => {
     expect(target.text).toBe("x".repeat(499));
   });
 
+  it("keeps the native context menu for links inside a replyable bubble", () => {
+    const container = renderChatView({ onSetReply: vi.fn() });
+    const group = document.createElement("div");
+    group.className = "chat-group";
+    const bubble = document.createElement("div");
+    bubble.className = "chat-bubble";
+    bubble.dataset.messageText = "hello world";
+    const link = document.createElement("a");
+    link.href = "https://example.com";
+    link.textContent = "Example";
+    bubble.appendChild(link);
+    group.appendChild(bubble);
+    container.querySelector(".chat-thread-inner")!.appendChild(group);
+
+    const evt = new MouseEvent("contextmenu", { bubbles: true, cancelable: true });
+    link.dispatchEvent(evt);
+
+    expect(evt.defaultPrevented).toBe(false);
+    expect(document.querySelector(".chat-reply-context-menu")).toBeNull();
+  });
+
   it("keeps the native context menu when Reply is unavailable", () => {
     const container = renderChatView();
     const section = container.querySelector<HTMLElement>(".card.chat");
diff --git a/ui/src/pages/chat/components/chat-thread.ts b/ui/src/pages/chat/components/chat-thread.ts
@@ -795,6 +795,9 @@ function handleChatThreadSelectionPointerUp(event: PointerEvent, props: ChatThre
 }
 
 function handleChatContextMenu(event: MouseEvent, props: ChatThreadProps) {
+  if (event.composedPath().some((target) => target instanceof HTMLAnchorElement)) {
+    return;
+  }
   const bubble = (event.target as HTMLElement).closest(".chat-bubble");
   if (!bubble) {
     return;

Original file line number	Diff line number	Diff line change
`@@ -795,6 +795,9 @@ function handleChatThreadSelectionPointerUp(event: PointerEvent, props: ChatThre`
`795`	`795`	`}`
`796`	`796`
`797`	`797`	`function handleChatContextMenu(event: MouseEvent, props: ChatThreadProps) {`
	`798`	`+ if (event.composedPath().some((target) => target instanceof HTMLAnchorElement)) {`
	`799`	`+ return;`
	`800`	`+ }`
`798`	`801`	`const bubble = (event.target as HTMLElement).closest(".chat-bubble");`
`799`	`802`	`if (!bubble) {`
`800`	`803`	`return;`