Content Truncated at 320 CSS Pixel Viewport Width

[Bluefish0558]

Does this issue occur when all extensions are disabled?: Yes/No

• VS Code Version: 1.92.2
• OS Version: 14.6.1 (23G93)

Description: Certain content, such as "Show and run commands," "Go to symbols in editor," and "Search for text (Experimental)," gets truncated when the page is viewed at a 320 CSS pixel width, preventing users with low vision from accessing it.

Steps to Reproduce:

1. Resize the VSCode window to a viewport width of 320 CSS pixels.
2. Observe that content such as "Show and run commands" and "Go to symbols in editor" gets truncated.

User Impact: Users with low vision who resize text or adjust the viewport size will be unable to access this truncated content.

Expected Behavior: The page should reflow properly without requiring horizontal scrolling, ensuring that all content remains accessible at 320 CSS pixels.

Actual Behavior: Content is truncated, causing a loss of functionality and requiring horizontal scrolling.

Recommendation: Ensure the page reflows without two-dimensional scrolling at a viewport width of 320 CSS pixels. Alternatively, move content to a show/hide control, such as a hamburger menu, to maintain functionality.

[Yoyokrazy]

/duplicate #227503

[vs-code-engineering]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for similar existing issues. See also our issue reporting guidelines.

Happy Coding!