continuedev / continuedev/continue

UI Bug: Chat view container overflows and covers VS Code line numbers as chat history grows during resizing

Open
#12,902 9 comments 10 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area:chat ide:vscode kind:bug os:windows
Dominant language
TypeScript
Stars
36k
Forks
5.4k
PR merge metrics
No merged PRs in 30d

Description

Before submitting your bug report
Relevant environment info
OS: Windows

Continue version: 
2.1.0

IDE version: VSCode 1.126.0
Description

When using the Continue extension in the primary/secondary side bar, resizing the container causes the Chat View to permanently "eat" a fixed width and bleed into the editor area, covering the line numbers/gutter.

Crucial detail: This bug is directly tied to the volume of chat content. When opening a fresh new session with no messages, the UI layout and resizing work perfectly. However, as the conversation grows (more chat bubbles and code blocks are rendered), the layout breaking becomes progressively worse. The dynamic content seems to be forcing a minimum width that prevents the Webview from shrinking properly.

This behavior only occurs in the Chat page; other pages work perfectly.

To reproduce
  1. Open a new Chat session in the sidebar (resizing works fine here).
  2. Chat with the AI until there are several messages and code blocks in the history.
  3. Drag the sidebar divider to make it wider, then try to narrow it down.
  4. Notice that the Chat view UI is now permanently oversized and overflows onto the editor's line numbers. The more content in the chat, the wider the "eaten" space becomes.
Image
Log output

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the Chat page entry point in the Continue VS Code extension and reproduce the layout with a growing chat history, then resize the sidebar repeatedly. Trace the rendered chat bubbles and code blocks for sizing constraints; done means the Chat view shrinks normally without covering the editor line numbers or gutter.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vscode
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.