Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Dev Tools - Can't Click On Elements Anymore?

For some reason in the latest versions of Canary (and I reinstalled it a couple times) no longer allows you to change elements in dev tools by clicking on them. The only way I can go through the DOM in the elements tab is with the up and down arrow keys which takes forever.

I can use the magnifying glass to select things, but then can't go further into their children elements without using the arrow key. Clicking on elements does nothing at all.

How to fix?

like image 997
Xander Avatar asked Dec 03 '14 14:12

Xander


People also ask

Why right click is not working in inspect element?

Fix Right-Click not working in Chrome Elements tab OR bring your mouse cursor over to the opened section of the Elements tab and then use the Ctrl and Plus keys to zoom into the contents of the Elements section. As soon as you do so, you will then be able to perform the right-click gesture without any issues!

How do I force inspect element in Chrome?

At the top right corner, click on three vertical dots. From the drop-down menu, click on More tools -> Developer Tools. macOS users can use the shortcut – command + option + C and Windows users can use Control + Shift + C.

How do you enable Right click on Inspect Element?

If the page you are on has a text or textarea input, click into this input (as if you want to enter text) then right-click and select 'Inspect element'. Save this answer. Show activity on this post. There you will find Enable right click.


1 Answers

I was seeing this too... seems devtools can get in a funky state. The solution is to:

  1. open devtools
  2. click the traffic light icon and click Settings
  3. scroll down and click Restore defaults and reload button

This fixed it for me...

like image 172
Brine Avatar answered Oct 14 '22 08:10

Brine