Skip to content

fix(web): keep the sidebar resize handle above the chat composer background #1766

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kermanx merged 3 commits into from
Jul 16, 2026
Merged

fix(web): keep the sidebar resize handle above the chat composer background #1766

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
590b498
fix(web): keep the sidebar resize handle above the chat composer back…
kermanx Jul 16, 2026
d2cf5cf
docs(web): sync design-system layer for the resize handle z-index bump
kermanx Jul 16, 2026
82e7abe
Merge remote-tracking branch 'origin/main' into fix/web-sidebar-resiz…
kermanx Jul 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/fix-web-sidebar-resize-handle.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@moonshot-ai/kimi-code": patch
---

web: Fix the sidebar resize handle being covered by the chat composer background.
4 changes: 3 additions & 1 deletion apps/kimi-web/src/components/ResizeHandle.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);

@chatgpt-codex-connector chatgpt-codex-connector Bot Jul 16, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Update the ResizeHandle design-system layer

With this handle now using --z-dropdown, the canonical design-system table still documents ResizeHandle as --z-sticky (apps/kimi-web/src/views/DesignSystemView.vue:1452), even though apps/kimi-web/AGENTS.md requires modified UI to match DesignSystemView.vue. That stale spec can mislead future UI changes back to the old stacking layer and reintroduce this regression, so please update the design-system entry alongside the component change.

Useful? React with 👍 / 👎.

}
.rh-bar {
position: absolute;
Expand Down
2 changes: 1 addition & 1 deletion apps/kimi-web/src/views/DesignSystemView.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1449,7 +1449,7 @@ onUnmounted(() => {
<tbody>
<tr><td>Width / cursor</td><td>4px / <code>col-resize</code></td></tr>
<tr><td>Normal / active</td><td>transparent / <code>accent</code> fill</td></tr>
<tr><td>Layer</td><td><code>--z-sticky</code>, over the column border</td></tr>
<tr><td>Layer</td><td><code>--z-dropdown</code>, above pane-level sticky chrome (chat dock at <code>--z-sticky</code>) so the overhang stays visible and grabbable</td></tr>
<tr><td>Behavior</td><td>panel width follows the pointer 1:1 while dragging (the parent disables transitions to avoid lag); on release it is persisted to localStorage</td></tr>
</tbody>
</table>
Expand Down
Loading