1799547 - The Cancel, Copy, and Download buttons have no focus styling when taking a screenshot

Status: NEW

(Firefox :: Screenshots, defect, P2)

Description

[Tim Giles [:tgiles]]

I don't know if this will block enabling the component on Nightly or not, since I'm not sure if this is a valid case or not; but bugs are cheap.

STR:

1. Set screenshots.browser.component.enabled to true
2. Navigate to https://bugzilla.mozilla.org/home (or any webpage)
3. Use keyboard shortcut (Ctrl + Shift + S) to take a screenshot
4. Select a portion on screen with your mouse to bring up the Cancel, Copy, and Download buttons for this section

Expected:

• If I focus the Cancel, Copy, or Download buttons, I would expect styling similar to the hover state plus a focus outline

Actual:

• No change in visual display when focused, no focus outline appears.

I'm not sure how common this use case is, using both mouse and keyboard to take a screenshot. If we take a screenshot via the save visible/save full page buttons, then the buttons that appear have the correct styles when focused. In other words, I don't know how you would control the mouse pointer via keyboard input...I'm sure there is software to make this happen though. Like if you're controlling the pointer via keyboard, would focus states be a concern then? I'm not sure and I don't have a good answer to that question at the moment...but again, bugs are cheap so might as well have this on file.

Comment 1

[Niklas Baumgardner [:niklas]]

We should make the border region circles appearance button when we add the rules for hover states