From ffc63fbb6b0979ff051502c56660e121f2771825 Mon Sep 17 00:00:00 2001 From: Roo Code Date: Sun, 7 Sep 2025 15:50:08 +0000 Subject: [PATCH] fix: increase z-index of context menu to prevent UI obstruction - Changed z-index from 1000 to 10001 in ChatTextArea.tsx - Changed z-index from 1000 to 10001 in ContextMenu.tsx - This ensures the @ mention dropdown appears above other UI elements - Fixes #7759 --- webview-ui/src/components/chat/ChatTextArea.tsx | 2 +- webview-ui/src/components/chat/ContextMenu.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/webview-ui/src/components/chat/ChatTextArea.tsx b/webview-ui/src/components/chat/ChatTextArea.tsx index c917797283..22af6e002c 100644 --- a/webview-ui/src/components/chat/ChatTextArea.tsx +++ b/webview-ui/src/components/chat/ChatTextArea.tsx @@ -954,7 +954,7 @@ export const ChatTextArea = forwardRef( "bottom-full", "left-0", "right-0", - "z-[1000]", + "z-[10001]", "mb-2", "filter", "drop-shadow-md", diff --git a/webview-ui/src/components/chat/ContextMenu.tsx b/webview-ui/src/components/chat/ContextMenu.tsx index 86965fcb11..dddccdc658 100644 --- a/webview-ui/src/components/chat/ContextMenu.tsx +++ b/webview-ui/src/components/chat/ContextMenu.tsx @@ -268,7 +268,7 @@ const ContextMenu: React.FC = ({ border: "1px solid var(--vscode-editorGroup-border)", borderRadius: "3px", boxShadow: "0 4px 10px rgba(0, 0, 0, 0.25)", - zIndex: 1000, + zIndex: 10001, display: "flex", flexDirection: "column", maxHeight: "300px",