Skip to main content

Tab Stacking Comes to Firefox, Brings Better Tabs Overflow Handling

Firefox has a peculiar way of handling tabs overflow that occurs when users open too many tabs for the tab bar to display properly. By default, Firefox pushes the extra tabs off the screen as new ones get spawned; the tab bar acting as a conveyor belt of sort. Arrows appear on both edges of the tab bar that allows the user to horizontally scroll the tab bar and access the out-of-screen tabs. Personally, I find this behavior disorienting.

It seems the accepted rule for handling tabs overflow, as followed by Opera, Chrome, Internet Explorer and the majority of browsers, is to resize them to accommodate new tabs. So I use the Noverflow add-on (now called Prevent Tab Overflow) to get this behavior in Firefox. This might not be the best way to handle tabs overflow but definitely better than the way Firefox does.

Another way to tackle tabs overflow is to use stacks, the concept introduced by Opera in version 11, where you manually drag and drop tabs over each other to create stacks. Chrome followed suit and added an experimental automatic tab stacking feature. Now tab stacking is available in Firefox through the Tab Stacking add-on.

Tab Stacking automatically stacks tabs on top of each other when the tab bar in Firefox becomes crowded. The add-on does this dynamically by stacking tabs on either far side of the active tab. The tabs goes in and out of the stack as the user changes focus from one tab to the next. There is no permanent stack of tabs. The image below will give you an idea of how this tab stacking works.

SNAG-0052

The active tab and the three tabs around it are in an expanded state. The tabs immediately next to them are collapsed in a stack. As you can see, there are two stacks on both end of the tab bar. When you change focus to a new tab, the stack changes.

SNAG-0053

The user can control the minimum width, which is the width of the active tabs and those immediately around it, and the width of the stacked tabs. There is another option to set the maximum width of the stacked tabs.

SNAG-0051

Tab Stacking is a proof-of-concept add-on in alpha version and may contain several bugs.

Related: 10 Best Tab Management Extensions for Chrome

Comments

  1. I'd suggest to add a feature, when the cursor is on the tabs bar, they get wide where it stands, so it'll be easy to choose the right tab.

    ReplyDelete
  2. That's a good suggestion, but should be made optional by a setting. Otherwise, the stack would behave like an accordion when you roll your mouse over the tabs. That would be distracting.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used: