1695860 - DevTools - Learn more about buttons - lacks hover indicator

Status: VERIFIED FIXED

(DevTools :: Netmonitor, defect, P3)

Description

[Cristian Fogel [:cfogel]]

Attachment: netW.gif

Affected versions

• 88.0a1 (2021-02-23), 87.0b4;

Affected platforms

• Windows 10, macOS 10.15;

Steps to reproduce

1. Launch Firefox access any webpage open the Network Monitor and click on any request;
2. Open the Network Monitor - Timings Tab / Or Headers tab and scroll to find the status indicator for request;
3. Hover near the (?) button;
4. While the tooltip is not displayed, start clicking and moving the mouse towards the (?) button;

Expected result

• button is clickable when tooltip displayed;
• hover indicator for button;

Actual result

• button action triggered before mouse reaches the expected button position;
• lack of hover indicator for button;

Regression range

• First bad: 2021-01-19;
• Last good: 2021-01-18;
• Pushlog: URL
• Potential regressor: 1685638

Additional notes

• attached recording to best illustrate the issue;
• can appear as UX issue making the user believe that action is triggered from div holding it and not the intended button.

Comment 1

[Tim Nguyen :ntim]

Learn more links are <a> tags, so the :enabled state doesn't apply.

Comment 2

[Tim Nguyen :ntim]

Attachment: Bug 1695860 - Stop using :enabled in devtools/client/themes/common.css. r=nchevobbe

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/3c4341347730
Stop using :enabled in devtools/client/themes/common.css. r=nchevobbe

Comment 4

[Andreea Pavel [:apavel]]

https://hg.mozilla.org/mozilla-central/rev/3c4341347730

Comment 5

[Cristian Fogel [:cfogel]]

Verified with 89.0a1 (2021-03-25) on Windows 10, macOS 10.15.