sidebar: certain buttons get hidden at specific sidebar widths

[robertrossmann]

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

Version: 1.59.0
Commit: 379476f0e13988d90fab105c5c19e7abc8b1dea8
Date: 2021-08-04T23:14:40.191Z
Electron: 13.1.7
Chrome: 91.0.4472.124
Node.js: 14.16.0
V8: 9.1.269.36-electron.0
OS: Darwin x64 20.6.0

At certain sidebar widths, some buttons can get pushed off the screen to the right. I have noticed this with the Terminal, Output, Debug Console and Ports panes, suggesting the issue is not specific to a particular pane. Please note that this also occurs even in situations where the pane seems to be sufficiently wide to fit all the buttons. I think the buttons are pushed away because some other menu items are not collapsed at the right sidebar width.

Video recording attached - note the interaction of menu items being moved into the ellipsis (...) and the buttons being pushed off the screen.

Steps to Reproduce:

1. Open Terminal in the right sidebar
2. Slowly increase or decrease the sidebar pane width
3. Observe buttons being pushed off the screen at unexpected sidebar widths

vscode.-.buttons.being.pushed.off.the.screen.mov