Skip to content

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

Description

@Tao68a660f3

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:chatRelates to chat interfaceide:vscodeRelates specifically to VS Code extensionkind:bugIndicates an unexpected problem or unintended behavioros:windowsHappening specifically on Windows

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions