1539271 - Overhaul bug ID field UX with autocomplete and bug list with summaries

Status: NEW

(bugzilla.mozilla.org :: User Interface, enhancement, P2)

Description

[Kohei Yoshino]

We need a complete UX overhaul here. A plain HTML <input> element worked when we only had a few thousand of bugs, but the world has changed as Mozilla and Red Hat now have 7-digit bugs. Editing <input> with dozens of bugs is really painful. Also, we’ll soon have 4 and eventually 6 fields accepting multiple bug IDs:

• Depends on
• Blocks
• Regressions (to be added soon in Bug 1461492)
• Regressed by (same; usually only have 1 bug)
• See Also (currently both bug IDs and URLs are accepted but this will change)
• Duplicates (currently read-only but should be editable)

What we need:

• Text field with autocomplete
  • Accepts both ID and alias
  • Also searches against the user’s recently visited bugs
  • Do sanity check client side: e.g. the same bug cannot be added to both the Depends on and Blocks fields
  • When a bug is selected from the dropdown, it will be added to the bug list (and hidden <input>)
• Bug list: each bug will look like a label, which
  • Shows not only with ID or alias but also summary + type
    • Some people are doing this with a user script or stylesheet
  • Provides a remove button like the current CC list
  • Supports drag & drop so you can move a bug to another field
  • Shows a hovercard

Having a 2-column layout will make it easier to implement these changes.

Comment 3

[Kohei Yoshino]

For dependencies, we should probably hide closed bugs by default, and add a button to show all.

Comment 5

[Kohei Yoshino]

The current user autocomplete uses a jQuery plug-in, which is not accessible. I’d develop our own widget first.