1679166 - Inspector stays highlighted or focused on DOM elements after unclicked

Status: RESOLVED DUPLICATE of bug 1673673

(DevTools :: Inspector, defect)

Description

[yoni]

Attachment: 2kQVtfsnep.mp4

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:83.0) Gecko/20100101 Firefox/83.0

Steps to reproduce:

In recent versions (last month or so, don't know the number at which it changed) the Inspector in developer tools behavior has really changed. It used to be that you Ctrl Ctrl Shift C to an element or F12 to open, then use the button to inspect, then once mousing out of the Dev Console, you'd be out of the inspector.

Actual results:

Now elements stay highlighted, which disrupts UX and doesn't allow you to switch between developing and inspecting. Here's a video of a random event I tried to replicate. Note how the video stays highlighted even though I've moused out and of the Console. https://imgur.com/a/bvGWlnP

Expected results:

DOM elements should not stay highlighted (as then you can't inspect other parts of the screen or "use" the website as you needed to). I wish I had a better explanation for this, hopefully the community will chime in.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.