Youssuff Quips

First Look: Drag to Pin Additional Tabs in Firefox Nightly 141

TL;DR: Firefox has a new feature to let you pin additional tabs when you have an existing pinned tab in the window.

I made a video if you want to watch instead.

A picture of a YouTube video
First Look: Drag to Pin Additional Tabs in Firefox Nightly


A couple of days ago, the Firefox Nightly account on Mastodon posted that Firefox had added a new feature to let you pin tabs by dragging them.

Paul Wright also posted about it on the Mozilla Discourse, inviting people to check it out.

Based on Paul’s encouragement, I decided to take a closer look at the new feature.

Introduction

At first, I thought I would be able to pin a tab by just dragging and dropping.

Once I looked at the bug, it became clear that you had to have a pinned tab before you could pin more tabs via drag and drop.

That seems like an obvious feature that will get requested soon.

Testing

In my testing, I noticed some papercuts that could be improved.

When dragging a tab into or or out of the tab strip, the drag happens without any affordances. While the tab is animated as you drag, the tab doesn’t transform to look like a pinned tab as you drag it into the drop zone. In fact, there is no indication that anything is going to happen once you drop into the strip.

The area where you are dragging the tab to doesn’t shift to make room for the tab you are dragging in. You can even drag a tab directly on top of the pinned tabs and the pinned tabs won’t dodge to make room for your new pin.

Pinning a tab with horizontal tabs

Pinning a tab with vertical tabs

The same goes for the other way around.

The placement of pinned tabs are also not coherent with the position of where you drop.

No matter where you position the tab as you are dragging to pin it, the tab will be placed as the last pinned tab (I am using a left to right language in my testing) – even if you put it in between two pinned tabs, or at the leftmost position.

When dragging to unpin a tab, the newly unpinned tab will always be the leftmost tab in the window - no matter where you dragged it to.

When in the vertical tab layout, dragging to pin tabs will always create them as the last pinned tab, and unpinning them will always put them as the topmost (or first) tab in the window.

Un-pinning a tab with horizontal tabs

Un-pinning a tab with vertical tabs

The lack of affordance makes it look pretty much the same as tearing a tab out of a window. If you try pinning a tab on release Firefox (via drag and drop), you might actually end up tearing your dragged tab out of the window.

Firefox Nightly doesn’t indicate in any way that that won’t happen.

Tearing a tab from a window looks the same as pinning a tab

When you drag a tab from one window to another in the horizontal tab layout, a symbol appears to show you where the tab will get dropped. You don’t get that kind of affordance when dragging tabs into the pinned tabs area, or out of it.

In horizontal tab mode, Firefox shows an affordance where a dragged tab will appear when moving to a window

Takeaways

I think that this feature could definitely be improved in the future to allow people to pin tabs even when there isn’t an existing pinned tab - but upon first look, this is an improvement and it is nice to see.

Beyond that, the addition of more affordances would make it more obvious what happens after a drag, and it would make the feature more usable overall.


If you liked this material, please consider supporting me. You can message me or follow this blog on Mastodon.

This project is maintained by yoasif