Web developer select element is stuck

Developer Tools
1

I am using firefox 83 on Linux Mint and the select function of developer tools for selecting elements on a page gets stuck so it looks like you are hovering an element and the blue overlay appears but stays there and you are not selecting anything. It’s so annoying because the whole time you have this selected element in front of you and cannot see too well. If I could upload an image to show I would have done so. Clicking anywhere does nothing and the only way to get rid of it is to click inside the inspector left hand pane where the page tags are showing. But that also does not always work and sometimes it just selects another tag to be stuck on

1 Like
2

I have the same issue. When I hover my mouse over an element in inspector, it correctly highlights it on the page. But whenever I move my mouse outside of inspector, the highlighted element stays highlighted. This seems like a trivial problem but it’s really annoying. Also this problem seems to occur mostly when the inspector is in “Separate window” mode and when you move the mouse suddenly from inspector window to another window (happens a lot when using two monitors)

Here’s a screen recording of what happens:
The problem

Edit: Here’s an screenshot in case the video link expires:

problem
problem1910×914 333 KB

Same problem:
https://support.cdn.mozilla.net/en-US/questions/1310739

3

and just like that I stopped using firefox for development

5

I have the exact same issue, both on Linux and Windows 10.

6

Hello folks.

Thanks to @Oriol this bug should be fixed in latest Firefox Nightly (85.0a1 (2020-12-09)).
85 will be in DevEdition/Beta next week, and in release a month later.

7

Thanks for the good news

8

I still have this problem. Currently in win 10 firefox 147.0.3
Neither the “pick element“ nor clicking via console (> $(“#myId“) using jQuery) selects the element in the DOM.
I constantly need to restart the DEV tools to keep debugging. We abandoned firefox from our dev team because of this issue consisting for months…

9

Hello Thomas, thanks for the report

Could you open the Browser Console (that is, the console for the whole Firefox UI, including DevTools, see Browser Console — Firefox Source Docs documentation) and see if there are any error messages displayed when you’re in such state? Thanks

10

Hi Nicolas!

Thanks for the reply :slight_smile:
Looks like this happens when I open a dialog in my app.

Listener for event 'frame' did not return a promise.

After that, I use Ctrl + Shift + C and hover over an element, but the Inspector highlights nothing. Whenever I move the cursor to another element, the inspecter scrolls up the DOM a bit. After enough mouse moving, eventually the top is reached.
If I restart the Devtools, everything works as expected

Cheers
Thomas