Chrome Developer Tools Right Click Not working

Have you openend the Chrome Developer Tools and you can’t right click any element anymore?

Problem

Since the April 2022 update to Chrome this glitch can occur. Normally this menu would open on right click in the Chrome Developer Tools:

image - Sander Volbeda

When you hover over DOM Nodes in the Elements Tab, the actual element in the website will be highlighted. This no longer works. I have to click over the DOM Node and select the actual element to highlight on the website.

image 1 - Sander Volbeda

Solution

Often restarting your laptop, browser or Chrome Developer Tools doesn’t work in this case. However, there is a solution for this problem.

Try and zoom in on the element.

Windows users

Windows users can hit: CTRL + Mouse scroll wheel (try scrolling). The key part is to go past the 100% zoom. The zoom function contains the glitch.

If the first solution didn’t work continue reading for other solutions.

Solutions:

  1. CTRL + “-/+” (zoom past the 100%)
  2. CTRL + Mouse scroll wheel (zoom past 100%)
  3. CTRL + 0
  4. Click the 3 dots next to the element in the developer tools
image 2 - Sander Volbeda

Now it should be back working again.

Mac users

Mac users you can hit: CMD + Mouse scroll wheel (try scrolling). The trick is to get past the 100% zoom. The glitch is within the zoom functionality of the browser.

Solutions:

  1. CMD + “-/+” (zoom past the 100%)
  2. CMD + Mouse scroll wheel (zoom past 100%)
  3. CMD + 0
  4. Click the 3 dots next to the element in the developer tools

Did it work for you? Let’s hope so.

Summary

It’s nothing you can really do about, it’s a glitch/bug in de Chrome browser. I hope this little trick works for you, it did it for me.

Logo Freelance CRO specialist Sander Volbeda

Working remotely from Groningen, the Netherlands. Get in touch and let’s schedule a meeting, no strings attached.

Get in touch
© 2022 Sander Volbeda, All rights reserved
CoC: 53236734 VAT: NL002247968B39