Closed Bug 1809353 Opened 2 years ago Closed 1 year ago

Introduce new rich browser / profile selection dropdown


(Firefox :: Migration, enhancement, P3)






(Reporter: mconley, Unassigned)


(Blocks 1 open bug)


The current implementation of the new MigrationWizard uses a very simple <select> as the (temporary) browser and profile selector.

This bug tracks the work for introducing the new browser / profile selector that is spec'd out in Figma here:

This work can be broken down into 3 parts:

  1. Adding a <slot> to the MigrationWizard template. This will make it so that users of the MigrationWizard can supply the panel-list like so:

We need the <panel-list> to be able to be slotted into the migration-wizard because in the dialog case, we need it to be embedded in a XUL <panel> (bug 1802215) so that it can extend outside of the dialog area. The XUL <panel> work will happen later in this bug.

  1. Replace the <select> with a <button>. For now, this can be a simple button that just displays the name of the currently selected browser / profile. Make it so that when the button is clicked, the panel-list is toggled.

  2. In MigrationWizard::#onShowingSelection, update the function to create panel-item elements instead of option elements, and to insert those into the panel-list. At this point, you should be able to open Storybook, click on the button, and see the list of browsers / profiles that Storybook includes as the dummy set.

  3. Make it so that when a panel-item is selected, the button added in (2) is updated.

  4. Update migration-dialog.js to programmatically insert a XUL panel as the parent of the panel-list with the dialog's migration-wizard. This is a bit awkward, but we have to do it with document.createXULElement because our HTML5 parser has no idea what XUL is.

This will require tests - probably a new test task in browser/components/migration/test/chrome/test_migration_wizard.html.

Severity: -- → N/A
Type: task → enhancement
Priority: -- → P3
Blocks: 1801313
No longer depends on: 1801313
Closed: 1 year ago
Duplicate of bug: 1811933
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.