Open Bug 1619216 Opened 4 years ago Updated 2 years ago

DevTools - active effect lingers on toggle buttons

Categories

(DevTools :: Shared Components, defect, P3)

defect

Tracking

(firefox-esr68 affected, firefox73 wontfix, firefox74 wontfix, firefox75 wontfix, firefox76 fix-optional)

Tracking Status
firefox-esr68 --- affected
firefox73 --- wontfix
firefox74 --- wontfix
firefox75 --- wontfix
firefox76 --- fix-optional

People

(Reporter: cfogel, Unassigned)

Details

(Keywords: regression)

Attachments

(2 files)

Attached image settingsBTNhover.gif

Affected versions

  • 68.5.0esr, 73.0.1, 74.0b9,

Affected platforms

  • Windows 10, Ubuntu 19.04;

Steps to reproduce

  1. Launch Firefox, DevTools;
  2. Enter DevTools settings (F1 key) and enable the [Available Toolbox Buttons];
  3. Press on the following buttons:
  • Toggle paint flashing;
  • Toggle rulers for the page;
  • Measure a portion of the page;
  • Take a snapshot

Expected result

  • hover/active effects applied properly;

Actual result

  • hover effects remain on buttons;

Regression range

  • First bad: 2018-04-19
  • Last good: 2018-04-18
  • Pushlog: URL;

Additional notes

  • attached recording with the issue;
  • both dark/light theme are affected; on dark theme is more visible.
Has Regression Range: --- → yes
Has STR: --- → yes

The priority flag is not set for this bug.
:ladybenko, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(balbeza)
Flags: needinfo?(balbeza)
Priority: -- → P4
Priority: P4 → P3

Can u please help me? I want to see a :hover style anchor in Chrome . Firebug has a styles drop-down list that allows me to select different states for an element. I can't find anything similar in Chrome. Am I missing something? Coz it is really important for me and site https://uptowncasino.net/bonuses

Attached image image.png

(In reply to AnnaRushmore from comment #2)

Can u please help me? I want to see a :hover style anchor in Chrome . Firebug has a styles drop-down list that allows me to select different states for an element. I can't find anything similar in Chrome. Am I missing something? Coz it is really important for me and site https://uptowncasino.net/bonuses

I am not sure if I understand the question. Is it Chrome or Firefox related? And how is it related to this bug?

In any case, Firefox DevTools allow you to set pseudo-classes for selected element. That should help you to inspect styles attached to hover/active states.

See the attached screenshot

Component: CSS and Themes → Shared Components
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: