Change:
<!-- Do Not Delete This! bugreporttemplate --<!-- Please read our Rules of Conduct: --<!-- Read our guide about submitting issues: --<!-- Search existing issues to avoid creating duplicates. --<!-- Test using the latest Insiders build to see if your issue has already been fixed: --<!-- Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --<!-- Launch with to check. --Does this issue occur when all extensions are disabled?: Yes <!-- If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --<!-- Issues caused by an extension need to be reported directly to the extension publisher. The 'Help Report Issue' dialog can assist with this. --: 1.69.0 (system setup) : : 2022-07-07T05:28:36.503Z Electron: 18.3.5 Chromium: 100.0.4896.160 16.13.2 V8: 10.0.139.17-electron.0 OS: Windows_NT x64 10.0. Steps to Reproduce: pin many tabs is 3 tabs ! show(eg: show ths side bar to reduce the editor length) a. right align b. just one tab !
How do you right align tabs? What settings do you have configured that impact this? I tried with tabs wrapping enabled and cannot see an issue so far: <img width="869" alt="image" src="https://user-"
and that is also my question
Ah I see, yes it is currently intentional that tabs wrap when you pin them because the idea is that pinned tabs are always visible.
! when I reload the window
can you share your settings?
which items do you need? and can it be repro while you pin lots of tabs?
I cannot reproduce it when I pin lots of tabs, contradicting to what I had said, tabs do not wrap unless you enable wrapping.
follow my steps !
!
except pinning many tabs, I also open many unpined tab, accourding to you gif, you just only pin many tabs, could you please try, I meet this 100% and I don't know why
Yes I also tried with normal tabs. Going forward I would need step by step instructions how to reproduce, including: all settings the workspace you open the files you open and pin in the right order
! GIF: !
Thanks, I see it now. I wonder if this is a recent regression :O
I can reproduce this for a long time, it was probably never working
I have tested this in Chrome and Safari and the latter does not reproduce it so it may be an actual bug in Chrome. Opening up for help wanted in case a CSS wizard is able to figure this out. The CSS rules for when tabs wrap is already quite complex but in a nutshell we leverage the option for to get the wrapping for free in combination with . Relevant CSS file is . Steps to reproduce: open many tabs make 75% of them pinned open settings and configure and make the editor group small enough that tabs wrap toggle the to other values and back to until you see the issue where gaps start to appear and some tabs get hidden

Discussion:
tabContainer.classList.toggle(`sticky-${option}`, isTabSticky && options.pinnedTabSizing === option); } <del> // Sticky compact/shrink tabs need a position to remain at their location </del> <ins> // If not wrapping tabs, sticky compact/shrink tabs need a position to remain at their location </ins> // when scrolling to stay in view (requirement for position: sticky) <del> if (isTabSticky && options.pinnedTabSizing !== 'normal') { </del> <ins> if (!options.wrapTabs && isTabSticky && options.pinnedTabSizing !== 'normal') { </ins> let stickyTabWidth = 0; switch (options.pinnedTabSizing) { case 'compact':