From 590b4984dc57f2da665e7983e847b1ef753934a4 Mon Sep 17 00:00:00 2001 From: _Kerman Date: Thu, 16 Jul 2026 15:40:34 +0800 Subject: [PATCH 1/2] fix(web): keep the sidebar resize handle above the chat composer background --- .changeset/fix-web-sidebar-resize-handle.md | 5 +++++ apps/kimi-web/src/components/ResizeHandle.vue | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-web-sidebar-resize-handle.md diff --git a/.changeset/fix-web-sidebar-resize-handle.md b/.changeset/fix-web-sidebar-resize-handle.md new file mode 100644 index 00000000000..6f22b6ff057 --- /dev/null +++ b/.changeset/fix-web-sidebar-resize-handle.md @@ -0,0 +1,5 @@ +--- +"@moonshot-ai/kimi-code": patch +--- + +web: Fix the sidebar resize handle being hidden behind the chat composer background, so the full blue bar shows on hover and the strip stays draggable. diff --git a/apps/kimi-web/src/components/ResizeHandle.vue b/apps/kimi-web/src/components/ResizeHandle.vue index b37a8c24605..c2887ad2fc1 100644 --- a/apps/kimi-web/src/components/ResizeHandle.vue +++ b/apps/kimi-web/src/components/ResizeHandle.vue @@ -69,7 +69,9 @@ watch(dragging, (d) => emit('update:dragging', d)); touch-action: none; /* sits over the 1px column border so the whole 4px strip is grabbable */ margin: 0 -2px; - z-index: var(--z-sticky); + /* above pane-level sticky chrome (chat dock, headers at --z-sticky): its 2px + overhang into the neighbour pane must stay visible and grabbable */ + z-index: var(--z-dropdown); } .rh-bar { position: absolute; From d2cf5cf807517956e8df481b4e39da8d874ffbb6 Mon Sep 17 00:00:00 2001 From: _Kerman Date: Thu, 16 Jul 2026 15:45:39 +0800 Subject: [PATCH 2/2] docs(web): sync design-system layer for the resize handle z-index bump --- .changeset/fix-web-sidebar-resize-handle.md | 2 +- apps/kimi-web/src/views/DesignSystemView.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.changeset/fix-web-sidebar-resize-handle.md b/.changeset/fix-web-sidebar-resize-handle.md index 6f22b6ff057..fac669a52cd 100644 --- a/.changeset/fix-web-sidebar-resize-handle.md +++ b/.changeset/fix-web-sidebar-resize-handle.md @@ -2,4 +2,4 @@ "@moonshot-ai/kimi-code": patch --- -web: Fix the sidebar resize handle being hidden behind the chat composer background, so the full blue bar shows on hover and the strip stays draggable. +web: Fix the sidebar resize handle being covered by the chat composer background. diff --git a/apps/kimi-web/src/views/DesignSystemView.vue b/apps/kimi-web/src/views/DesignSystemView.vue index 16fde8bdc00..0ae98978610 100644 --- a/apps/kimi-web/src/views/DesignSystemView.vue +++ b/apps/kimi-web/src/views/DesignSystemView.vue @@ -1449,7 +1449,7 @@ onUnmounted(() => { Width / cursor4px / col-resize Normal / activetransparent / accent fill - Layer--z-sticky, over the column border + Layer--z-dropdown, above pane-level sticky chrome (chat dock at --z-sticky) so the overhang stays visible and grabbable Behaviorpanel width follows the pointer 1:1 while dragging (the parent disables transitions to avoid lag); on release it is persisted to localStorage