1639130 - Compat Panel - Selector outline overlaps with compat-icons

Status: NEW

(DevTools :: Inspector: Compatibility, defect, P3)

Description

[Cristian Fogel, QA [:cfogel]]

Attachment: Screenshot 0002-05-19 at 11.05.51.png

Affected versions

• 77.0b7(DevTools), 78.0a1 (2020-05-18)

Affected platforms

• macOS 10.15.4, Windows 10, Ubuntu 18.04;

Steps to reproduce

• devtools.inspector.compatibility.enabled preff on true;

1. Launch Firefox, open DevTools Inspector - Compat tab;
2. Access about:newtab;
3. Wait until the list populates with issues, expand sections;
4. Click to expand listed occurrences;

Expected result

• UI is properly displayed;

Actual result

• Focus ring overlaps the mobile-browser icons;

Regression range

• not a regression;

Additional notes

• alternative is to press the TAB key until focus ring reaches the desired element (Windows_os);
• attached screenshot with the issue;
• setting as low severity since, the focus ring is behind the mobile_icon.

Comment 1

[Victoria Wang [:victoria]]

It would be great if we could remove the focus ring for mouse navigation. (There are places in the Debugger where the ring only shows up on keyboard navigation.)