continuedev / continuedev/continue

Code block header bar and explanation text do not resize correctly; action buttons hidden when sidebar is narrowed (Windows 11, VS Code 1.131, Continue 2.1.0)

Open
#13,085 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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 11

VS Code: 1.131.0

Continue extension: 2.1.0

Gemini 2.5 Flash
Description

Issue:
In the Continue sidebar/panel, when resizing the panel width:

The content inside code blocks resizes and wraps correctly.

The header bar of code blocks (the top bar with Copy, Run, Enter buttons) does not resize correctly. As the panel is narrowed, the header extends beyond the visible area and the action buttons disappear under the sidebar edge.

Explanation text between code blocks also does not reflow correctly and can overflow or appear under other UI elements.

This appears to be a CSS/layout bug in the Continue webview, likely due to fixed/min-width styling on the code block header and/or missing overflow handling on the sidebar container.

Steps to reproduce:

To reproduce

Open Continue in the sidebar or panel.

Ask a question that produces a response with:

Explanation text

One or more code blocks (with header bar containing Copy/Run/Enter buttons)

Resize the Continue panel narrower.

Observe:

Code block content wraps correctly.

Code block header bar does not shrink; action buttons get hidden under the sidebar edge.

Explanation text does not reflow properly and may overflow or render under other elements.

Expected behavior:
All elements (code block headers, code content, and explanation text) should stay within the Continue panel bounds when resized. The header bar should shrink or wrap, and overflow should be handled with scrolling instead of elements disappearing under the sidebar edge.

Tried:

Updated Continue to 2.1.0

Disabled hardware acceleration ("disable-hardware-acceleration": true in argv.json)

Moved Continue between primary sidebar, secondary sidebar, and bottom panel

Reloaded window / restarted VS Code

Note:
This looks like a CSS layout bug in the extension’s sidebar. Likely causes:

Code block header has a fixed or min width that doesn’t respond to container size.

Sidebar container may be missing proper height: 100% / overflow-y: auto or has overflow: hidden on some parent.

Screenshots or a short screen recording showing the header bar and buttons being clipped as the panel is narrowed would be very helpful for reproduction.

Image Image
Log output
The continue console only includes prompt and options.

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 by reproducing the layout problem in the Continue sidebar or panel on VS Code while narrowing its width. Inspect the webview CSS/layout for code block headers and explanation text, then verify that buttons and text remain within the panel bounds and reflow correctly at narrow widths.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.