microsoft/vscode

Test: Allow tabs to wrap to multi-line

Closed this issue · 0 comments

Refs: #70413

Complexity: 4

Create Issue


A new setting workbench.editor.wrapTabs enables tabs to wrap instead of showing a scrollbar. This requires workbench.editor.showTabs: true.

Verify Basics:

  • make sure you have configured workbench.editor.tabSizing: fit (this will make the last tab fill the entire row for a more homogeneous look when tabs wrap)
  • wrapping works as you would expect when space is too limited to show all tabs (easy to test having 2 editor groups side by side)
  • you do not encounter screen cheese or a broken editor (the editor height should always match the height of the container minus the height of all tabs)
  • the editor toolbar always shows bottom right and is fully visible (above tabs are not blocked by its space)
  • if the space for the editor or editor toolbar becomes too small, wrapping turns off automatically and turns on again when the size get's larger
  • opening and closing tabs updates the tab well accordingly (e.g. tabs start to wrap when new editors open and space is not sufficient)
  • you can still drag and drop tabs around even when they wrap
  • you can still pin a tab and it shows pinned in the beginning of the tabs
  • when tabs wrap, the tab.border color is not only applied to the right of each tab but also below to separate tabs from each other

Verify Settings

  • enable workbench.editor.tabSizing: shrink and do a quick smoke test that wrapping works as before (now you will notice that tabs do not automatically fill the entire row anymore when wrapping)
  • enable or disable breadcrumbs and verify they work as expected