From 04a9688bc9dd87fa10b363bfb2f97507d7d1864e Mon Sep 17 00:00:00 2001 From: Thomas Brugman Date: Thu, 16 Apr 2026 18:49:32 +0200 Subject: [PATCH] fix(vscode): keep scroll-to-bottom button above sticky accordion headers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The floating scroll-to-bottom button paints correctly over normal content (bash/terminal output, plain text) but gets hidden by Edit/Write/apply_patch tool cards. The reason isn't layout — it's a z-index bug: sticky-accordion-header.css gives the accordion header z-index: 10 so it sticks properly when scrolling, but the button had no z-index, so the sticky header wins the stacking order and paints over it. Bash output has no sticky header, which is why terminal overlap looks right. Bump .scroll-to-bottom-button to z-index: 20 so it sits above the sticky header. No layout shift, no repositioning — the button just stops being painted over by content that was always meant to pass under it. Co-Authored-By: Claude Opus 4.7 (1M context) --- packages/kilo-vscode/webview-ui/src/styles/chat-layout.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat-layout.css b/packages/kilo-vscode/webview-ui/src/styles/chat-layout.css index 04d89fbbcba..a8ef6e53f62 100644 --- a/packages/kilo-vscode/webview-ui/src/styles/chat-layout.css +++ b/packages/kilo-vscode/webview-ui/src/styles/chat-layout.css @@ -97,6 +97,10 @@ position: absolute; bottom: 12px; right: 12px; + /* Must sit above sticky accordion headers (z-index: 10 from + sticky-accordion-header.css), which otherwise paint over the button when + Edit/Write/apply_patch cards scroll past. */ + z-index: 20; width: 32px; height: 32px; border-radius: 50%;