Before submitting your bug report
Relevant environment info
- OS: WIN11
- Continue version: continue.continue-2.0.0-win32-x64
- IDE version: VSCODE
Description
Bug: Sidebar buttons pushed off-screen due to Flexbox overflow
Description
When generating long code blocks without line breaks, the sidebar input buttons (like "Enter") gradually move right until they're off-screen. This happens because:
- Flex containers lack
min-width: 0
- Code blocks don't have
max-width: 100% + word-break: break-all
Expected Behavior
Buttons should remain visible regardless of content length.
Workaround
Manually adding these CSS rules to ./assets/index.css fixes it:
.flex, [class*="flex"] { min-width: 0 !important; }
pre, code { max-width: 100% !important; word-break: break-all !important; }
Suggested Fix
Add to global CSS:
.container, .chat-container {
min-width: 0;
overflow-x: hidden;
}
### To reproduce
_No response_
### Log output
```Shell
Before submitting your bug report
Relevant environment info
Description
Bug: Sidebar buttons pushed off-screen due to Flexbox overflow
Description
When generating long code blocks without line breaks, the sidebar input buttons (like "Enter") gradually move right until they're off-screen. This happens because:
min-width: 0max-width: 100%+word-break: break-allExpected Behavior
Buttons should remain visible regardless of content length.
Workaround
Manually adding these CSS rules to
./assets/index.cssfixes it:Suggested Fix
Add to global CSS: