Closed Bug 1954037 Opened 5 months ago Closed 29 days ago

[contextual-password-manager] Username and password fields are not visible on hover in high contrast mode

Categories

(Toolkit :: Password Manager, defect, P3)

Firefox 138
Desktop
Windows 10
defect

Tracking

()

VERIFIED FIXED
142 Branch
Accessibility Severity s3
Tracking Status
firefox138 --- wontfix
firefox142 --- verified
firefox143 --- verified

People

(Reporter: gmoldovan, Assigned: mtigley)

References

(Blocks 1 open bug)

Details

(Keywords: access, Whiteboard: [fxcm-cpm-qa2790])

Attachments

(3 files)

Attached image hcm.gif

Found in:

  • 138.0a1 (2025-03-13)

Affected versions:

  • 138.0a1

Tested platforms:

  • Affected platforms: Windows 10
  • Unaffected platforms: Ubuntu, macOS

Preconditions:

  • Have the pref ‘browser.contextual-password-manager.enabled’ set to true
  • Have the Passwords sidebar opened
  • Have some saved logins
  • Have the High Contrast #1 enabled in Firefox

Steps to Reproduce:

  1. Open the Password Sidebar in Firefox.
  2. Hover the username and password fields of the saved logins.

Expected Result:

  • The username and password fields should be visible on hover.

Actual Result:

  • In High Contrast #1, the username and password fields are not visible on hover.

Additional notes:

  • See the attached screencast
  • The issue also occurs In High Contrast #2
  • With High Contrast Black, these fields miss the hover effect entirely
  • With High Contrast White, none of the elements of the saved logins have a hover effect

Marking access-s3 because this is just the hover effect. If this were the case in keyboard focus as well I would say it is an s2.

Accessibility Severity: --- → s3
Severity: -- → S3
Priority: -- → P3

Hi Giorgia, could you help by sharing a screenshot of what about:logins looks like in this case? Thanks!

Flags: needinfo?(gmoldovan)
Attached image about logins HCM.gif

I’ve tested this in about:logins using the same high contrast themes (High Contrast #1, #2), and the issue is not reproducible there. The UI is different from the Password Sidebar, but the username and password fields remain visible on hover in the tested themes. I’ve attached a screencast for reference.

However, in High Contrast Black and High Contrast White, the hover effect is missing, similar to what's described in the bug for the Sidebar.

Let me know if further details or comparisons are needed.

Flags: needinfo?(gmoldovan)
Assignee: nobody → tmanku
Assignee: tmanku → mtigley
Status: NEW → ASSIGNED

Hi Hanna, I was looking into this issue and I believe we're using the correct CSS variable here. Specifically, --button-text-color-hover should be applying SelectedItem value and I verified this on my local development machine as well. Do you know what might be happening here?

Thank you!

Flags: needinfo?(hjones)

So it looks like on line 31 we're changing the value of --input-field-color to --button-text-color which resolves to ButtonText in HCM. So on line 32 --input-field-color-hover => --input-field-color => --button-text-color => ButtonText rather than SelectedItem. Not sure if that explains things? Everything looks as expected for me locally in HCM, but I think I'm testing on Windows 11.

Flags: needinfo?(hjones)
Status: ASSIGNED → RESOLVED
Closed: 29 days ago
Resolution: --- → FIXED
Target Milestone: --- → 142 Branch

Verified as fixed on latest Nightly 143.0a1 and Firefox Beta 142.0b2. The username and password fields are now visible on hover in High Contrast Mode as expected.

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

Attachment

General

Created:
Updated:
Size: