Open Bug 1634957 Opened 5 years ago Updated 3 years ago

Use blue focus indicator (outline) for styled buttons on macOS

Categories

(Core :: Widget: Cocoa, enhancement, P3)

77 Branch
enhancement

Tracking

()

UNCONFIRMED

People

(Reporter: sime.vidas, Unassigned)

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:77.0) Gecko/20100101 Firefox/77.0

Steps to reproduce:

  1. Go to https://output.jsbin.com/kiwoxih/quiet on macOS.
  2. Use Tab and Shift + Tab keys to move focus between the two buttons.

Actual results:

The blue focus indicator is rendered when the default button is focused, but a gray dotted text border is rendered then the styled button is focused.

Expected results:

The blue focus indicator should be rendered in both cases.

From what I can see, Firefox re-uses focus styles from macOS. The blue focus indicator is the same as in Safari. However, Safari uses the blue indicator in both cases (see attached screenshot). Firefox should as well.

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Component: Untriaged → Widget: Cocoa
Product: Firefox → Core
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: