Sidebar and vertical tabs: release channel experimentation

[asafko]

Hi folks, 

Over the next couple of months, we will be testing an updated sidebar, its tools, and vertical tabs in the release version of Firefox (remember, a while back, we asked you to try it out in Nightly 131, and we appreciated your feedback and encouragement in this Connect thread). If you are using the release version, you might get early access to these features and get a nudge to try them out.

Only a portion of users in Firefox releases 133 and 134 will see this experience, helping us evaluate and improve the features. If you’re part of the experiment, we’d love for you to try this early version and share your thoughts. 

We’re also working on many improvements you’ve requested, including: 

• Easier ways to close tabs in the collapsed sidebar.
• Expanding the sidebar on hover.
• Reducing space used by tools in the expanded sidebar.
• Visually and functionally polishing the sidebar tools panels and browser layout in the vertical tabs mode. 

As usual, we appreciate your patience as we iron out the rough spots in the experience. If you’re not ready to engage with these new features, you can disable them in the sidebar settings or opt out from the experiment via about:studies.

**If you are having trouble figuring out how to disable the sidebar, please follow these steps:**

1. Click the sidebar button in your toolbar and ensure that the sidebar is in the "collapsed" state. In this state, you only see sidebar tools' icons without labels.

2. Right-click the sidebar button in your toolbar and choose the "Remove from toolbar" option.

If you have already removed the sidebar button from the toolbar and are stuck in the expanded  sidebar state:

3. Right-click the toolbar and choose the "Customize toolbar" option.

4. Drag the sidebar icon back to the toolbar and click "Done" in the lower right corner of the "Customize toolbar" screen.

Follow steps 1-2 from above.

[barsupi]

thanks for responding. I ended up disabling all the new revamp and vertical thing after finding a solution.  before that I wasn't able to see or select a thing. the problem with sidebery is due changes in the z-index order and how the sidepanel works.

added :

#main-sidebar-container {
...
z-index: 1001;
}

to the userchrome file and most of the issues are gone.

still the lagging is atrocious in my end. the new vertical tab panel lags my entire system. sidebery or things like "list all tabs" or "show tab list" menus have no issue showing tons of tabs. not always people need to see an image peek of tab or have the hover floating title. I wish those thing could be disabled.

I checked the minimum windows width in vertical tab mode and it becomes something like 700px.  really annoying due that I set a lot of things around 300px or 400px.

having activate horizontal tabs just to keep and small window open is not fun.  

[Fr4kTh1s]

Hello, first comment, but it is positive one.

I love the vertical tabs in sidebar and tab grouping(finally!). It makes work/browsing very practical and helps me cluttering my tab list. Horizontal tabs are no go once you get over 20... With 60+ it is not viable... Horizontal and grouped tabs is the only way...

Few things I have noticed I am missing to make it perfect IMHO:
1. Adjustable width of the sidebar - slide it from just web icons to X pixel width
2. Add more contrast- or option to adjust- to the active tab. It might be issue with theme in OS(Breeze dark - Deb 12), but it is sometimes hard to figure out which tab is really active one when you have multiple of the same web open
3. Positioning of the tab groups isn't possible. Individual tabs can be dragged in the list anywhere, moved to top, bottom, whatever. But once the tab group is created, it's position in the list is fixed. So unless you create it in the exact position where you want it, it will remain there. Or you have to select all tabs above/below it and drag them around the tab group to reposition it.
4. Additional color options/custom color for the group badge

Bug(?) I am right now encountering is not being able to collapse the tab group. On click the bar next to it disappears, if active tab was from tab group being collapsed switches to the first one below the "collapsed" tab group, but the group in the list doesn't collapse like folder would(similar like Brave tab groups do for example).
I am not sure if that is intentional or bug. But it would be nice to have them collapse when you do not need to see them.

After all, thank you very much, it is very appreciated addition 🙂

Firefox Version 133.0 (64-bit)
Operating System: Debian GNU/Linux 12
KDE Plasma Version: 5.27.5
KDE Frameworks Version: 5.103.0
Qt Version: 5.15.8
Kernel Version: 6.12.1 (64-bit)
Graphics Platform: Wayland
System Version: 1.0

[tork90]

There better be an option to disable/hide it, because I'd personally consider hopping browsers if otherwise. It's enough of an eyesore to where I'd explore other options/browsers.

[Blehh_Mae]

I see no purpose for this feature, its just a jarring collection of pointless buttons on the side that takes up space on all websites, why not just put whatever buttons it adds into the regular taskbar customization section, and have the sidebar disabled by default, its just a waste of space and an eyesore and i cant believe the given instructions to remove it dont even work and i had to go into about:config to toggle sidebar.revamp off

[thenoname]

is there a way to hide/remove this sidebar?

[kronapence]

The only way I've found is through about:config and setting sidebar.revamp to false.

[atgyuric]

God this thing is **bleep**ing annoying I did not ask for it...........

[DarphBobo]

Remove the damned thing.

[Frito_Laies]

I dont like it, I don't want it, how do I turn it off? make it go away

[firefoxfixurshi]

absolute ass. please get rid of it.  remove from toolbar does NOTHING.

[Feldherren]

I only ever have the sidebar open as one thing (vertical tabs extension, which works better than the new sidebar functionality as it shows tabs in collapsible groups - replicate that and I'll switch - but is otherwise similar), and don't need the sidebar buttons, but the sidebar is now intrinsically linked to having any sidebar extension open; unless I disable the new sidebar functionality entirely, I'm stuck with it being present and taking up space onscreen.

Please let us close it entirely but still have sidebar extensions open, without disabling the new sidebar revamp.

[Kazemyers]

I'm really liking the sidebar! It saves screen realstate which is something very important to me. The only thing i'm finding very cumbersome to use so far is that when you collapse to icons (as shown in the image below) there could be a little close button on the icon when the mouse hovers over it, so i don't have to open the sidebar every time i want to close a tab,or right click close or use alt+w.

[ThePillenwerfer]

I don't like it and have no use for it; it simply duplicates existing ways of doing things, most of which I don't do anyway.

However, to offer some constructive criticism, in a collapsed state it seems much wider then it needs to be.  When the History Sidebar is opened it is slightly wider than the old version but contains less information down to large internal margins so tightening these up would be an improvement.

  

Such things are down to personal taste but I'd prefer the collapsed bar to to be coloured with --lwt-accent-color rather than --toolbar-bgcolor.

[stupidus]

Remove that 'feature'.

[kronapence]

I hate the sidebar.  It should've been offered to me, but not forced on me.  I wasted too much time trying to figure out how to close it.  The only solution was to change it in about:config, which I shouldn't have had to do.  Please, if you are moving forward with this, make it easy to close and/or remove.  Thank you.

[BWBODDY]

didn't help, I didn't see anything about removing the sidebar.

The "Customize sidebar" (with the gear icon) is still at the bottom and shifting everything off to screen left

This is just taking up space on the side on my screen.

IT IS DRIVING ME NUTS

[ThePillenwerfer]

The way via the Gear icon is the official one but a lot of people are having trouble with it.  Here's an alternative method:—

Type about:config into the search/URL bar.

That will bring up a warning which you'll have to acknowledge.

On the next screen there's a search box at the top. Type or paste sidebar.revamp into it. That will then appear below with the word true next to it. Double-click true and it will change to false.

We have been warned that this is only temporary but hopefully an official Off switch will be provided.  If one isn't it'll need resource to Custom CSS.

[BWBODDY]

THAT DID IT!

Thank you so much, that WAS driving me INSANE!

[internalserver]

Please God get rid of this. This was 100% a terrible idea. Im not trying to be rude, Im really not. But as a web developer it gets in the way. Even trying to close it does not work.

[jscher2000]

I know with a thread this long people can't find all the "how to" replies, but if you are trying to close the sidebar in a way that hides the vertical button bar, the setting is here:

Unfortunately, there is currently no way to close the sidebar without using the button. Hopefully a keyboard shortcut, or a close button on the vertical button bar, will be added so the extra toolbar button isn't needed.

[internalserver]

Yeah I did that and there was no side bar button when show/hide was selected. And nobody on any of the reddit complaints from the last few days was able to show where it was either and kept getting annoyed that people couldnt find it.

about:config was the only way I could get it to work. It's a bad idea. If this MUST be implemented, it should be a nice little tick box in the preferences. I spent 15 minutes trying to figure out how to get around it without the about:config and finally just did it. I prefer to keep my extensions where they usually are - the top right tucked above the bookmarks folder. No need to change it.

[jscher2000]

---

@internalserver wrote:

Yeah I did that and there was no side bar button when show/hide was selected.

---

When I toggle sidebar.revamp to true, the Sidebars button appears at the left end of the toolbar. Not sure why that didn't happen for you, but obviously that needs to be fixed. If you do need to add it yourself, you can (Customize Firefox controls, buttons and toolbars), but this assumes you know that you need it.

---

If this MUST be implemented, it should be a nice little tick box in the preferences.

---

Maybe there, and maybe the right-click context menu where you turn other bars (Menu bar, Bookmarks toolbar) on and off.

---

I prefer to keep my extensions where they usually are - the top right tucked above the bookmarks folder. No need to change it.

---

Which extensions were using the vertical button bar? I would think only the ones that put a page or other content in the sidebar would place their button there. (I don't think I have any extensions like that at this time.)

[Gouambas]

So after following all four steps and opting out of this experiment via "about:studies" the sidebar remains in the window, just in its collapsed state. Are there any other methods I could use to get rid of it permanently? Or do I actually just have to get used to having less screen real estate to work with?

[Gouambas]

So after following all four steps and opting out of this experiment via "about:studies" the sidebar remains in the window, just in its collapsed state. Are there any other methods I could use to get rid of it permanently? Or do I actually just have to get used to having less screen real estate to work with?

Note: I am a computer novice so if there is an actual coding thing I can do I have not done so.

[jscher2000]

If you did both of the setup steps -- changing the toolbar button to show/hide and making sure the toolbar button is available -- then clicking the toolbar button should hide the sidebar.

https://connect.mozilla.org/t5/discussions/sidebar-and-vertical-tabs-release-channel-experimentation...

[Tawn]

This new sidebar doesn't work with all (AMO) themes. I had Black Abyss theme enabled and with the sidebar turned on (but vertical tabs off) the sidebar appears to be completely blank. Hovering over it just shows an arrow cursor. If you hover long enough in the correct area, "customize sidebar" appears in a tooltip and if you click that area the customize panel appears. I'm running Nightly, but release channel users need a simple method to enable/disable this.

[JustRTFM]

No duh. Themes need to be updated to theme the new sidebar.

[wealstarr]

Hello everyone,

I've waited so long for Firefox to implement the vertical tabs but apparently we're still away from making it a functional feature without bugs. It breaks my heart that I still can't use it.

I tested Firefox 133 on Windows 10 vertical tabs and found some issues that I shell list chronologically.

1. In the always collapsed state, there's no close button on the tabs. I don't have a mouse to utilize the mouse buttons to close the tabs. I'm using Zen browser which has this functionality. It adds a close button on the tab icons in vertical bar which shows upon hovering. No need to right click, left click or any other hassle. Clean and tidy. Here's a screenshot from the Zen browser:

2. There's an usual visual artifact on the sidebar. Even when there's no scrollbar, the scrollbar track is always visible. Screenshot below from version 133

3. There's no indication of the current active tab in the vertical tab. Like a highlight color or outline color or anything of that sorts. It's impossible to tell active tab from the inactive tabs. Zen browser also does this exceptionally well. Below screenshot from Zen browser

Notice the pink margin on the left hand highlighting the active tab. Color doesn't necessarily have to be pink. Any subtle minimal color should do.

4. Audio playing tabs. There's no way to highlight the tab currently playing the audio. Sideberry has this function. I think it's called assign color to active tabs or something like that. It would super helpful to have that.

4.1 A simple function to mute the audio playing tab like doable click on the tab.

These functions are all essential in making the vertical tab experience seamless integration. Like you expect from a "native" function right out of the box from Mozilla.

I don't know how much Mozilla listens to the users, this is first time posting here. But without the suggestions made above, vertical tabs can't be used.

Kind regards

[wealstarr]

I would like to add a couple of things I missed earlier.

1. It's proposed to expand the vertical tab bar on hover. That clicks with many users but many of us like to keep tab bar collapsed on all time, hovering or otherwise. Please also give options to keep it always collapsed, if possible.

2. Somebody mentioned about updating themes, I would like to second this request. The themes usually meant for horizontal tab bar, looks weird on vertical tab bar. It's my opinion for whatever it's worth, that if the color of the titlebar (rebar?) the one that has all the buttons as well as URL bar, is the same as the color of the side bar.

Kind regards

[araujoms]

**bleep**ing hell just opened Firefox 133 and got an unremovable sidebar pushing an "AI Chatbot". I had to go to reddit to find out about the sidebar.revamp solution. It's as if you guys are just trying to commit suicide at this point.

[ThreeFatSamurai]

I hate it. Please give us the option to remove it completely. It's so annoying for me.