Activity

1. dosubot

   added

   area:sidebarRelates to the sidebar windowRelates to the sidebar window

   ide:vscodeRelates specifically to VS Code extensionRelates specifically to VS Code extension

   kind:bugIndicates an unexpected problem or unintended behaviorIndicates an unexpected problem or unintended behavior

   os:windowsHappening specifically on WindowsHappening specifically on Windows

   on Jun 27, 2026
2. harshmathurx commented on Jun 28, 2026

   

   harshmathurx

   on Jun 28, 2026

   More actions

   Hi, I can take this up if it is still available. I’ll start by reproducing the sidebar overflow in the VS Code webview, then send a focused PR around the flex/min-width/overflow behavior with manual verification notes. Could this be assigned to me?
3. LuxusIX commented on Jun 29, 2026

   

   LuxusIX

   on Jun 29, 2026

   More actions

   Thanks, i have the same problem in the vscode-oss IDE
4. pnelligan commented on Jul 3, 2026

   

   pnelligan

   on Jul 3, 2026

   More actions

   This fix works. Here's the full procedure. Thank you for posting this.

   Workaround Guide: Fixing Continue UI Sidebar Flexbox Overflow

   This document provides a temporary fix for the visual bug where sidebar input buttons (like "Enter") are pushed off-screen due to flexbox overflow caused by long code blocks.

   Note: This is a temporary manual patch. When the Continue extension updates, these changes will be overwritten. Keep this document handy to re-apply the fix if the official patch hasn't been merged yet.

   ---

   The Issue

   • GitHub Reference: [Issue Sidebar buttons pushed off-screen due to Flexbox overflow #12910]
   • Symptom: Generating long code blocks without line breaks forces the sidebar layout to stretch horizontally, pushing action elements off-screen.

   ---

   Step-by-Step Patch Procedure

   1. Locate Your Extensions Directory

   Navigate to the VS Code extensions directory on your machine:

   • Windows: Open File Explorer and go to %USERPROFILE%\.vscode\extensions\
   • macOS: Open Terminal/Finder and go to ~/.vscode/extensions/
   • Linux: Go to ~/.vscode/extensions/

   2. Find the Extension Assets Folder

   Look for the directory matching the Continue extension:

   • Directory name: continuedev.continue-<VERSION> (e.g., continuedev.continue-2.0.0-win32-x64)
   • Assets path: Inside that folder, navigate to gui/assets/index.css

   (If the structure changes in future versions, search the extension folder directly for index.css)

   3. Inject the CSS Hotfix

   Open index.css in a text editor (like VS Code or Notepad), scroll to the absolute bottom of the file, and paste the following snippet:

   /* ==========================================================
      HOTFIX: Continue Sidebar Flexbox Overflow Workaround (#12910)
      ========================================================== */
   .flex, [class*="flex"] { 
       min-width: 0 !important; 
   } 
   pre, code { 
       max-width: 100% !important; 
       word-break: break-all !important; 
   }

   4. Apply Changes

   Save and close the index.css file.

   Return to VS Code.

   Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).

   Type and execute: Developer: Reload Window

   😄React with 😄3Reacted by Frankie, SuperSweatyYeti and marcusthomas19

   ❤️React with ❤️10Reacted by František Boldiš, Graham Hurlston, Jsalinger, Rich Hopkins, ventusboy, angelramirezisea, Charlotte Rieux, SuperSweatyYeti, marcusthomas19 and Taylor English
5. angelramirezisea commented on Jul 23, 2026

   

   angelramirezisea

   on Jul 23, 2026

   More actions

   /* ==========================================================
   HOTFIX: Continue Sidebar Flexbox Overflow Workaround (#12910)
   ========================================================== /
   .flex, [class="flex"] {
   min-width: 0 !important;
   }
   pre, code {
   max-width: 100% !important;
   word-break: break-all !important;
   }

   This worked in VS Codium (Devuan Linux). Thanks!

   👍React with 👍1Reacted by Northern Man
6. RuDee-BG commented on Aug 5, 2026

   

   RuDee-BG

   on Aug 5, 2026

   Last edited by RuDee-BG

   More actions

   

   This happened to me as well.

   Temporary fix on Windows

   Open PowerShell and run:

   $ext = Get-ChildItem "$env:USERPROFILE\.vscode\extensions" -Directory |
       Where-Object { $_.Name -like "continue.continue-*" } |
       Sort-Object LastWriteTime -Descending |
       Select-Object -First 1
   
   $css = Join-Path $ext.FullName "gui\assets\index.css"
   
   Copy-Item $css "$css.backup" -Force
   
   @'
   
   /* Fix Continue sidebar horizontal overflow */
   .flex,
   [class*="flex"] {
       min-width: 0 !important;
   }
   
   pre,
   code {
       max-width: 100% !important;
       word-break: break-all !important;
   }
   
   .container,
   .chat-container {
       min-width: 0 !important;
       overflow-x: hidden !important;
   }
   '@ | Add-Content -Path $css -Encoding UTF8
   
   Write-Host "Modified file:"
   Write-Host $css

   Then reload VS Code:

   1. Press Ctrl + Shift + P
   2. Run Developer: Reload Window

   This is only a temporary workaround. A Continue extension update may overwrite the modified CSS file, so the fix may need to be applied again after an update.
7. mangasincensuraFrankie commented on Aug 11, 2026

   

   mangasincensuraFrankie

   on Aug 11, 2026

   Last edited by mangasincensuraFrankie

   More actions

   ### CSS Patch Confirmed as Working on macOS ARM64

   Hi everyone,

   Just wanted to confirm that this UI overflow issue is still present and I've successfully applied the community-suggested CSS patch to fix it.

   Here are my environment details for reference:

   OS: macOS (Apple Silicon / ARM64)
   VS Code: 1.90.0
   Continue Extension: v2.0.0
   The bug made the chat panel unusable with long responses or code blocks, as the content would push all action buttons off-screen.

   The fix was to add the proposed CSS to the end of the extension's main stylesheet.

   File Modified: ~/.vscode/extensions/continue.continue-2.0.0-darwin-arm64/gui/assets/index.css

   (Note: The version number in the path may vary for other users.)

   CSS Snippet Added:

   Apply
   /* Manual patch for Flexbox overflow (GitHub Issue #12910) /
   .flex, [class="flex"] { min-width: 0 !important; }
   pre, code { max-width: 100% !important; word-break: break-all !important; }
   After adding the code and reloading the VS Code window (Reload Window), the problem is completely solved. The layout now correctly contains long content without overflowing.

   Hope this confirmation helps the developers prioritize a permanent fix and assists other users in the meantime. Thanks for the great work on this extension!

   😄React with 😄1Reacted by Frankie
8. SuperSweatyYeti commented on Aug 19, 2026

   

   SuperSweatyYeti

   on Aug 19, 2026

   More actions

   Just found this extension and am suffering from this nasty bug as well. Windows 11.

   Thank you guys for the temporary workaround. Hopefully the fix gets merged and released soon...