tabs: fix wrapping when having many tabs

[morduun]

When a tab selector has more than one page-width worth of tabs and the presentation shifts to two or more rows of tabs, the location of the second and further rows of tabs changes (shifting horizontally) based on the location of the tab clicked on the row above.

It's a little messy to explain - following video shows exactly what I'm talking about much more effectively.

2022-06-13.16-24-22.mp4

[McShelby]

Well sounds like a tough one... I am not sure my CSS-foo is that good, so any help appriciated.

[morduun]

Hahaha yeah my css-foo is pretty abysmal, figured I might at least lob it upstream to see if anyone knew any easy fixes before I dove in. Let me tinker for a bit and see what I can come up with, if there's anything useful I'll do a pull req and let you know. It looks like some kind of [iterator] -1 issue but it's almost never what it seems like at first.

[McShelby]

Tabs are never looking good if they got wrapped to the next line, but at least I could fix the error of the moving tab handles