From 8b5f1ef48418d38af77c7f17e42ad4ce0096ad7d Mon Sep 17 00:00:00 2001 From: Daniel Riccio Date: Mon, 8 Sep 2025 10:42:51 -0500 Subject: [PATCH] fix: reduce CodeBlock button z-index to prevent overlap with popovers Fixes #7703 - CodeBlock language dropdown and copy button were appearing above popovers due to z-index: 100. Reduced to z-index: 40 to maintain proper layering hierarchy while keeping buttons functional. --- webview-ui/src/components/common/CodeBlock.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webview-ui/src/components/common/CodeBlock.tsx b/webview-ui/src/components/common/CodeBlock.tsx index 28492acd8b..ef415e342c 100644 --- a/webview-ui/src/components/common/CodeBlock.tsx +++ b/webview-ui/src/components/common/CodeBlock.tsx @@ -74,7 +74,7 @@ const CodeBlockButtonWrapper = styled.div` top: var(--copy-button-top); right: var(--copy-button-right, 8px); height: auto; - z-index: 100; + z-index: 40; background: ${CODE_BLOCK_BG_COLOR}${WRAPPER_ALPHA}; overflow: visible; pointer-events: none;