1130033 - Crazy blue lines everywhere that won't go away

Status: RESOLVED DUPLICATE of bug 1106272

(DevTools :: Inspector, defect)

Description

[Stephanie Hobson [:shobson]]

Attachment: Blue lines everywhere that won't go away

I've attached a screen shot. This happens to me regularly during the course of development but I have not been able to narrow down how I'm triggering it. For the first few weeks I was experiencing this I had no idea how to get rid of it (escape doesn't work, clicking on the page doesn't work). I often ended up refreshing the page. I have since figured out that hovering over the CSS declarations in the Inspector is what causes this and it is a cool feature that is getting stuck on sometimes.

All I can say right now is that there were no keys involved and it happened right after I moved my mouse. I'll update this bug if I can figure out steps to recreate.

Comment 1

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

I've also seen this on FxOS, but I don't clear STR yet either.

Comment 2

[Jeff Griffiths (:canuckistani) (:⚡︎)]

Thanks for logging this, cc'ing Patrick.

Comment 3

[Patrick Brosset <:pbro>]

Yay! The crazy blue lines bug :)
So, that's cause by the SelectorHighlighter. It appears when using the rule-view sidebar. When you hover over a selector in the rule-view, it uses this highlighter to show all matching elements. This is useful, but sometimes there are just too many elements to highlight and it becomes a mess, but that's another story.

What seems to happen is that the async show/hide logic is wrong, and if you move your mouse really quickly (it might be easier to repro if there are many elements to highlight, cause it takes long for the request to go through) then you get stuck in a state where the rule-view didn't realize that the mouse left the frame and the highlighter should be disabled.

If you then mouse-over a selector again, everything will be back to normal though.