Content Disappears 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)

Steps to Reproduce:

Issue : Some content, such as "Ln 16 Col 1," "Spaces: 2," "UTF-8," and "LF," disappears when the page is viewed at a 320 CSS pixel width, making it inaccessible to users with low vision who need to resize text.

1. Resize the VSCode window to a viewport width of 320 CSS pixels.
2. Observe that certain content disappears, limiting accessibility.

User Impact: Users with low vision who need to resize text may be unable to access this content.

Expected Behavior: The page should reflow to fit within the viewport without requiring horizontal scrolling, ensuring all content and functionality remain accessible.

Actual Behavior: Content disappears, requiring horizontal scrolling or causing loss of functionality.

Recommendation: Ensure that pages reflow properly without requiring two-dimensional scrolling at 320 CSS pixels. Consider moving content to a show/hide control, like a hamburger menu, to maintain accessibility.

[Yoyokrazy]

See duplicates for other relevant content losses.

[Tyriar]

@Yoyokrazy it's probably best to consider these on a case-by-case basis. For example for the status bar one (#227503) this has always been a problem and I'm a little surprised we don't have an issue tracking it since the items just disappear rather than overflowing to some ... menu.

For others it's a trade off whether we want to perfect the experience for small viewports, in some cases it doesn't make sense imo, vs ensuring that we support larger viewports with high zoom levels which is a more valid scenario.

[bpasero]

See also #6651, #35744

I am reopening #6651.