Status bar can overflow when tabbing through entries

[donald-ning]

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

• VS Code Version:1.69.0
• OS Version:MacOS M1

Steps to Reproduce:

1. I found that in vscode's navigation bar, if the content is outside the scope of the presentation and arrow keys are used, the following image appears.
2. 

[dbaeumer]

@donald-ning can you please describe what you would expect to see.

[donald-ning]

I think the navigation at the bottom is out of place, isn't that a bad design? I want to be able to scroll, not clutter,
In addition, after this happens, the window cannot be moved. It can only be removed by closing the software and opening it again.

[bpasero]

Can you try to reproduce with our nightly insider builds? You can give our preview releases a try from: https://code.visualstudio.com/insiders/

[donald-ning]

For the preview version, I use the same method and it will still look like this.

[bpasero]

I am curious what contents are there for you in the status bar, because I will probably have a hard time to reproduce. Can you follow these steps in the video and paste the contents here?

[donald-ning]

I'm sorry, I'm just a beginner, I don't know the specific code content. I can only give you my specific operation in this case.

2022-07-15.20.22.35.mov

[bpasero]

Yeah I can reproduce but I do not have a good idea how to solve this. #84258 is related to use a different strategy and clip the entry instead of hiding it.

In general we miss a good overflow strategy for the status bar (related #6651).

Is there someone with energy to investigate a solution? Maybe in CSS?

[nirabhromakhal]

Hi, what if the status bar becomes scrollable when it overflows, but no scrollbar is displayed? We can then scroll horizontally using the mouse wheel or using the left/right arrow keys.

Will this be a good enough solution? I can try to implement this with minimal changes.

vscode.status.bar.overflow.mp4

[bpasero]

Yeah if we can somehow do this only when keyboard focus is in I am willing to take any solution that does not result in the multi line layout shift 👍

Thanks!