Native Vertical Tabs

[Gecko]

From the previous post on Crowdicity:

I would like to see vertical tabs baked in. MS Edge now has it out of the box!

I currently use addons for this - but there's no way to disable the top tab bar, which duplicates the tabs and takes up space.

Vertical tabs (with top bar disabled) would free up more space for web content, which is (usually) vertical. Most screens are widescreen (RIP ThinkPad 4:3 ratios), so the less browser UI at the top/bottom, the more content we can view.

The original post received 154 votes and as such was the 3rd highest voted post in the "General" category.

[scruel]

I really think with flexible space, Firefox can be better.

[scruel]

Better native vertical tabs with title bar (like in Microsoft Edge)

Already have this feature request post for vertical tabs, but I think with flexible space in Firefox, we can do better!

Currently, Tree style tabs can do make Firefox have vertical tab feature, however, which I mentioned above, won't be possible even with userChrome.css, also this plugin have no collapse all feature like Edge:

Hope you guys can really consider this idea, thanks!

[maltalef]

I sincerely choose Firefox because it seems to be the most honest browser out there. Being an organization freak, I very much fancy this feature being in my daily browser.

I think Sidebery does a very pretty job of implementing this, adding features such as tab groups and a tree model (features that in my own humble opinion *cannot* be looked over when talking about a reasonable implementation of vertical tabs), but it's not done in the most elegant way. It has bugs, like every development project, but some of them make the extension somewhat annoying to use. For example, sometimes I accidentally close a tab and It's children, so then when I Ctrl+Shift+T my way out of the inconvenience, my tabs end up being incorrectly organized in the tree, above and below. I believe this may be related to the fact that Sidebery manages it's own keybinds and whatnot, but I'm no web developer to figure this out on my own.

One other feature that most surely would need to go along vertical tabs, is the option to permanently hide the conventional tab-bar, because of you course wouldn't need it if you used vertical tabs, and you shouldn't have to go looking through docs and editing platform-specific config files to do such thing. It should be as simple as clicking a radio button somewhere in the settings.

tl;dr

vertical tabs ROCK, but pleaaase don't miss out on tab groups and nested tabs, pls

thx firefox ❤️

[knavarro]

I know I'm late to this thread, but I wanted to add that the lack of vertical tabs is keeping me from using Firefox 100% of the time. Firefox was my default browser earlier this year, but then I had to switch to Edge because I was having some issues with Firefox not loading content on Windows and iOS. Then about 2 months ago I discovered vertical tabs in Edge and that completely upgraded my workflow. I've tried using Sideberry and Tree Style Tab, but the implementations aren't as smooth as I'd like and the UI is off from Firefox just enough to cause an unnecessary increase in cognitive load.

[Ryota]

Chiming in here as well. Using Edge as my main browser at the moment but would love to go back to Firefox fulltime.
Can´t really give up the MS Edge vertical tab implementation though. It´s just too good and makes my life so much easier. Treestyle Tab does some of what Edge can do but just isn´t really there.
What´s desperately missing for me are user created groups i can manage my tabs in, along with them being color coded to my choosing and having the indent line in the same color. It´s so frickin useful.
Would go back to Firefox in a heartbeat if they´d just copy the Edge implementation and design.
If they can even improve upon it, even better!

[Ryota]

Any update on this? Last official update seems to be from May this year mentioning the devs looking into a possible implementation.

I´d love to be able to come back to Firefox but the vertical tab implementation on Edge is literally what´s keeping me there. It´s so darn useful.
Heck you could just copy the MS Edge design and features for vertical tabs and i´d be a 100% Firefox user in no time again.
* pinned tabs handling and sortability
* user created groups with user choosable color codes and colored indented line
* grouping features
Are the things i want most. Treestyle Tab/Sideberry just can´t replicate this for me without being overly complicated or relying on userCSS.

[gumbarros]

@knavarroI think this userChrome.css feel very native, I'm loving it.

[gumbarros]

@knavarroI'm using this userChrome.css with Tab Center Reborn, feels very native. Also support themes (I'm using the Pop!_OS one).

[Smowheer]

No native support for vertical tabs is THE REASON for me to use Edge instead of Firefox.

What I want is:

Vertical tabs on a side of the window with only the sites icons visible unless you hover over it. On hover it should expand, but NOT change the rendering of the site's content (TreeStyleTab for example moves everything to the right on expansion). It is totally fine for me that content is hidden while the tabs are expanded (and I actually much prefer this over shifting/resizing the contents). When the mouse doesn't hover over the tabs they should become hidden on the side again. (This is the same behavior as in Edge).

Option to remove title bar completly

The grouping like in TreeStyleTabs would also be nice to have, but is less important to me than the other two points

[SignalAffairs]

Brave also added this in their Nightly channel back in September. Come on Mozilla! 🙂

https://github.com/brave/brave-browser/issues/464

[braɪən]

Vertical tabs as buttons / icons | tabs panel on the right !! TABBAR

Vertical tabs may be more optimized for reducing "body wide". I use pinned tabs frequently for that reason I like the vertical tabs. It allows me to move sight and (right_mouse) hand over the browser and access to my stuff. On horizontal is a hard task to manage every time of use, even on panel.

Image can say more than words: https://drive.google.com/file/d/1DMocVnDzTLjm-4DHB8qzlTJBqb4AD6Qs/view?usp=sharing

[roworu]

Hey there.
I made a repo describing how to make a good looking vertical tabs in Firefox.
Here is a result:
And here is a repo: https://github.com/roworu/firefox-vertical-tabs
I hope it could help someone wait an official implementation from Mozilla team.

[rleyvasal]

Following repo has an implementation that makes the vertical tabs look like MS Edge- vertical tabs hide on mouse over. I suggest changing the line  --thin-tab-width: 1px; to --thin-tab-width: 40px; if you want to see the icons on the tabs.

https://gist.github.com/olmstadfm/d6b4d37219e957d9cdcdb3ec88952c15

[Feydeer]

I really hope this idea gets implemented into Firefox. Edge's vertical tabs are far more superior to Firefox's extensions.

[dcaravana]

Hey, I'm sure everyone knows about Arc from https://thebrowser.company/ by now.

Arc has vertical tabs, they are selling this new Chromium-based browser for productivity and stuff, they've got a lot of money in funding, therefore vertical tabs must be a good thing right? 😉