Multi-row tab layout should reserve space for modification icons
- Dominant language
- TypeScript
- Stars
- 193k
- Forks
- 42.4k
- PR merge metrics
- PR metrics pending
Description
Problem:
I use multiple rows for tabs, and tabs in upper rows all completely and tightly fill the width of the available space. When I modify a file in one of these rows, the "modified file" dot icon is inserted next to the filename, the tabs become too wide for the row, a new row is added, and the editor window shifts down to make room for the new tab row. When I save the file, the dot icon is removed, and everything shifts back up. My editor is constantly jumping up and down, which is extremely annoying.
Mitigation:
"workbench.editor.highlightModifiedTabs": true,
"workbench.editor.tabActionCloseVisibility": false
These settings remove the dot/close button and indicate modified files with a color bar in the tabs.
Solution:
Leave room in tabs for the dot icon.
Contributor guide
Assessment
This issue has not been assessed yet.