1766437 - When pressing Tab key in the "Settings - Autoplay" window of "about:preferences#privacy", the blue selection box may disappear.

Status: NEW

(Firefox :: Settings UI, defect, P3)

Description

[creative854379]

Attachment: pressing tab, the blue selection box may disappear.mp4

[Affected versions]:

• Firefox Nightly 101.0a1 (2022-04-23) (64-bit)
• Firefox Release 99.0.1 (64-bit)

[Affected Platforms]:

• Windows 10 x64
• macOS 10.15.7

[Steps to reproduce]:

1. Launch Firefox, and access "about:preferences#privacy".
2. Scroll down to the "Permissions" section
3. Click on "Settings...' Button of "Autoplay" and pop up the "Settings - Autoplay" window.
4. Press Tab Key, then a blue selection box will move and select clickable UI.
5. Press Tab Key multiple times, until the blue selection box select "X" (Close Button) of "Settings - Autoplay" window.
6. Press Tab Key once again.

[Expected result]:

• The blue box select select another clickable UI, such as the drop-down menu next to "Default for all websites".

[Actual result]:

• The blue box disappear, until press Tab key once again.

[Notes]:

• The same situation exists for many similar windows, such as "Settings - Lociation Permissions" window, "Allowed Websites - Pop-ups" window, and so on.

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

It looks like one of the other elements is getting focus between these two.

Comment 2

[Shane Hughes [:aminomancer]]

Looks like it's the mini <browser> the dialog is viewed in. I think browsers normally get a little inset black/white dotted outline, but not this one for some reason. I have always wondered what that browser focus ring thingy is, since it doesn't seem to be CSS.

I was hoping there would be something like an attribute to prevent the browser from getting focus, but I guess not. But maybe something like this tabstop behavior could be added, listening to focus on the browser and then just advancing/rewinding focus again. Seems kinda hard to do that without a tree walker though, so maybe it would be better to just add a :focus style for the browser element in CSS

Comment 3

[Ina Popescu, Desktop QA]

Setting as NEW since I've managed to reproduce this issue using the latest versions Nightly 105.0a1 and Firefox 103.0.2 on Windows 10 x64 and macOS Ventura 13.