Closed Bug 1955036 Opened 1 year ago Closed 1 year ago

Focus outlines (highlights) on edit icon from profiles account menu items using keyboard navigation doesn't look like Figma specs

Categories

(Toolkit :: Startup and Profile System, defect, P2)

Firefox 138
defect

Tracking

()

VERIFIED FIXED
138 Branch
Tracking Status
firefox138 --- verified

People

(Reporter: rpopovici, Assigned: cmkm)

References

(Blocks 1 open bug)

Details

(Whiteboard: [fidefe-profile-management])

Attachments

(2 files)

Found in:
Nightly 138.0a1

Affected versions:
Nightly 138.0a1

Tested platforms:

Affected platforms: Windows 11, macOS 13.2.1
Unaffected platforms:

Preconditions:
Make sure that the pref "browser.profiles.enabled" is set to true in about:config.
Create at least one profile.

Steps to reproduce:

  1. Navigate to Account menu from toolbar using keyboard.
  2. Navigate to [profile name] and open the profiles menu using keyboard
  3. Navigate to [Edit] icon using keyboard.
  4. Observe the focus outlines(highlights) on [Edit] icon.

Expected result:
The focus outlines(highlights) on [Edit] icon from account menu should look like Figma specs.

Actual result:
A double focus outlines are displayed on the [Edit] icon. Please see the screenshot.

Regression range:
This is not a regression; it's introduced with the Profile Switcher feature.

Additional notes:
On Hamburger menu the focus outlines on [Edit] icon is according to Figma specs.

Blocks: 1917930
Has STR: --- → yes
Severity: -- → S2
Priority: -- → P2
Whiteboard: [fidefe-profile-management]
Assignee: nobody → cmeador
Status: NEW → ASSIGNED

When the profiles menu is opened via the FxA accounts toolbar button, it
gets a focus outline on both the toolbarbutton and toolbarbutton-icon.
This doesn't happen when opening the menu from the hamburger button.

QA Whiteboard: [QA-2749]

From KimB: the double focus ring isn't pretty but isn't a blocker (provided this doesn't break assistive tech / screen reader).

Pushed by cmeador@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/457b4caf28a5 Eliminate double focus outline on profile edit button r=profiles-reviewers,desktop-theme-reviewers,Itiel,emilio,mossop
Status: ASSIGNED → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → 138 Branch

Verified as fixed on Windows 11 and macOS 13.2.1 using Nightly 138.0a1 (2025-03-30)

Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: