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)
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
- I've tried finding an answer on the Continue docs site
- I'm not able to find an open issue that reports the same bug
- I've seen the troubleshooting guide on the Continue Docs
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.
Log output
The continue console only includes prompt and options.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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