1831156 - Rearrange tabs in Open Tabs page (stretch goal)

Status: NEW

(Firefox :: Firefox View, enhancement)

Description

[Sarah Clements [:sclements]]

Implement drag 'n' drop capability per window to reorder tabs. That new order should be reflected in that windows tabstrip.

https://www.figma.com/file/wP9MY9KJn9xqPf140lTvTv/Fx-View-Specs-2023?node-id=2835-72603&t=ENO9pXdpUnxCAhlQ-0

There's existing functionality in https://searchfox.org/mozilla-central/source/browser/base/content/tabbrowser-tabs.js#28 and also in the tabs overflow menu: https://searchfox.org/mozilla-central/source/browser/modules/TabsList.jsm#75-84. Perhaps we can create some sort of dragndrop module that can be used by both the overflow tabs panel and FirefoxView.

Comment 1

[Amy Lee [:amylee] UX]

Hi,

This is the updated spec that covers the following:

• Drag to reorder tabs in a window
• Drag a tab from one window to another
• Drag and reorder windows
• Multi-select tabs

https://www.figma.com/file/wP9MY9KJn9xqPf140lTvTv/Fx-View-Specs-2023?type=design&node-id=9453%3A326011&mode=design&t=J9azc1vfAaZzcYko-1

Comment 4

[Sam Foster [:sfoster] (he/him)]

Attachment: Screenshot 2024-12-03 at 12-39-42 Fx View Specs 2023 – Figma.png

This is a screenshot of the Figma spec - as of December 2024. This is a non-trivial feature to implement, but technically reasonably straightforward. If you are interested in working on this, do reach out to the team here or on matrix via the firefox desktop channel on matrix. The code lives in and around: https://searchfox.org/mozilla-central/source/browser/components/firefoxview/opentabs-tab-list.mjs

Comment 5

[Sam Foster [:sfoster] (he/him)]

The drag/drop code for the browser's tab strip which already does what we want to do in firefoxview can be found in/around on_drop.