Firefox/Features/Tab move detach animations

From MozillaWiki
Jump to: navigation, search
Please use "Edit with form" above to edit this page.


Tab move/detach animations
Stage Development
Status In progress
Release target `
Health At risk
Status note We've identified a handful of regressions as well as this feature impacting DND for existing tab related add-ons. The team is evaluating backed out the changes for Firefox 8.


Product manager Asa Dotzler
Directly Responsible Individual Alex Limi
Lead engineer Frank Yan
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead Paul Silaghi
UX lead Alex Limi
Product marketing lead `
Operations lead `
Additional members `

Open issues/risks


Stage 1: Definition

1. Feature overview

When dragging tabs on the tab bar, we should show the tab and animate when you rearrange them, instead of showing a placeholder indicator like we currently do. We should also show a thumbnail of the page on detach operations, and make sure we have a good threshold, so this isn't triggered accidentally.

This feature falls primarily in the Experience category (from the "Discover, Experience, and Connect" vision statement.)

We're making this change because:

  • It's a 1:1 representation of what will happen when you drag a tab, and makes it clearer which action you're actually performing.
  • It also makes it easier to see when you're moving tabs vs. detaching.
  • Also, it's pretty ;)

2. Users & use cases


3. Dependencies


4. Requirements

  • Ability to move tabs left/right and have them animate when being rearranged.
  • Ability to detach a tab to a new window and put back a detached tab into an existing window.



Stage 2: Design

5. Functional specification


6. User experience design

Stage 3: Planning

7. Implementation plan


8. Reviews

Security review


Privacy review


Localization review




Quality Assurance review


Operations review


Stage 4: Development

9. Implementation

Stage 5: Release

10. Landing criteria


Feature details

Priority P1
Rank 999
Theme / Goal `
Roadmap User Experience
Secondary roadmap `
Feature list Desktop
Project `
Engineering team Desktop front-end

Team status notes

  status notes
Products ` `
Engineering ` `
Security pass `
Privacy ` `
Localization ` `
Accessibility ` `
Quality assurance Signed off for Firefox 8 Beta Test Plan
User experience ` `
Product marketing ` `
Operations ` `