From b5ef70717068a791da5c3b3068eadb8e189ff484 Mon Sep 17 00:00:00 2001 From: Drilmo Date: Thu, 5 Feb 2026 17:04:59 +0100 Subject: [PATCH] fix(agent-manager): Fix double scrollbar in mode selector dropdowns The mode selector dropdowns in Agent Manager had double scrollbars because the outer container (300px) was smaller than the inner scroll container (328px from max-h-82). Fix: - Remove max-height from outer container - Set overflow: hidden on outer container - Target inner scroll container via CSS selector and set max-height: 250px - Single scrollbar now appears on inner container This approach allows unlimited modes while maintaining a compact dropdown with proper scrolling behavior. Tested on Kilocode v5.3.0 (latest). --- .../fix-agent-manager-double-scrollbar.md | 5 ++++ .../components/AgentManagerApp.css | 25 +++++++++++++------ 2 files changed, 23 insertions(+), 7 deletions(-) create mode 100644 .changeset/fix-agent-manager-double-scrollbar.md diff --git a/.changeset/fix-agent-manager-double-scrollbar.md b/.changeset/fix-agent-manager-double-scrollbar.md new file mode 100644 index 00000000000..3d8ef60b51e --- /dev/null +++ b/.changeset/fix-agent-manager-double-scrollbar.md @@ -0,0 +1,5 @@ +--- +"kilo-code": patch +--- + +fix(agent-manager): Fix double scrollbar in mode selector dropdowns diff --git a/webview-ui/src/kilocode/agent-manager/components/AgentManagerApp.css b/webview-ui/src/kilocode/agent-manager/components/AgentManagerApp.css index 28966d1f531..a80d2de60ef 100644 --- a/webview-ui/src/kilocode/agent-manager/components/AgentManagerApp.css +++ b/webview-ui/src/kilocode/agent-manager/components/AgentManagerApp.css @@ -996,8 +996,13 @@ } .am-model-selector-content { - max-height: 300px !important; min-width: 200px !important; + overflow: hidden !important; +} + +/* Override inner scroll container height for compact dropdown */ +.am-model-selector-content > div > div:last-child { + max-height: 250px !important; } /* Read-only model indicator in chat input */ @@ -1060,10 +1065,13 @@ } .am-session-mode-content { - max-height: 300px !important; min-width: 180px !important; - overflow-y: auto !important; - overscroll-behavior: contain !important; + overflow: hidden !important; +} + +/* Override inner scroll container height for compact dropdown */ +.am-session-mode-content > div > div:last-child { + max-height: 250px !important; } /* Mode Selector for New Agent Form */ @@ -1099,8 +1107,11 @@ } .am-mode-selector-content { - max-height: 300px !important; min-width: 200px !important; - overflow-y: auto !important; - overscroll-behavior: contain !important; + overflow: hidden !important; +} + +/* Override inner scroll container height for compact dropdown */ +.am-mode-selector-content > div > div:last-child { + max-height: 250px !important; }