Hi there. I’m using both of @MrOtherGuy’s vertical tabs css and multi-row tabs below content css (I use a about:config user preference to switch between them).

The issue with each of them is that when a different tab is selected which is not currently visible (this can happen in many ways, such as doing a tab search, or jumping to top or bottom of tab list), the tab bar (either horizontal or vertical) does not scroll to bring the newly selected tab into view.

Is there a way to accomplish this with css? Like is there maybe some css method to detect how many tabs are currently visible in the tab bar, or whether the active tab is outside the visible area?

  • MrOtherGuy@lemmy.worldM
    link
    fedilink
    arrow-up
    1
    ·
    2 months ago

    This doesn’t sound possible. There is specific code in Firefox to scroll the horizontal tab strip to a position that shows selected tab but that of course only works with how horizontal tab strip is normally. Or in the case of built-in vertical tabs there is code to scroll vertically when tab is selected. But with the hacky vertical tabs, as far as Firefox’s logic knows, it is still a horizontal tab list and the logic doesn’t work. And with multi-row tabs the scrollable container is just totally different element than what’s normally used.

    • mrqwerky@fedia.ioOP
      link
      fedilink
      arrow-up
      1
      ·
      2 months ago

      Yeah, I suspected that that would be the case, but was hopeful anyway 🙄 . Thanks for the reply, though.