Chrome inspector keeps opening and focusing on console when editing css

Alex Borsody

This only happens sometimes but won't stop until I restart my computer. I will be editing a stylesheet writing some css and after I type 1 or 2 the console opens is focused on and starts typing in there. Very frustrating.

user4981235

This used to happen to me when I am using chrome. It just opens the console and "Freezes". This is what worked for me.

Open the console. Click on the sources tabThis is the sources tab

Then you are going to check at the far bottom-right corner for event listener breakpoints. You will see a long list of DOM events eg click,keyboard ie. enter image description here

If any of the events is checked, uncheck them.

If it still pops that screen, press F8 and then CTRL+F8. That fixes the problem. Hope this helps.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

PouchDB Chrome Console Error when Opening a Connection

Safari & Chrome freezing when focusing a Select in iOS

Chrome inspector console does not work with version 54.0.2840.99

Javascript debugging in Chrome Inspector: variables are shown undefined in watches and console but can be inspected when hovered

Real time CSS updates in Chrome When Editing From Visual Studio

Selenium keeps opening as new User in Chrome

Chrome keeps opening new tabs as new windows

What does it mean when a CSS rule is grayed out in Chrome's element inspector?

CSS media queries not showing up in chrome inspector

Google Chrome clears CSS styles for current page when opening link in new tab or opening a new window

Hide console when opening WinForm

iOS Safari/Chrome - Unwanted scrolling when focusing an input inside the modal

iOS Chrome/Safari - Unwanted scrolling when focusing an input inside the modal

iOS Safari/Chrome - Unwanted scrolling when focusing on input fields

CSS edits in Chrome Console work but not when deployed on live site?

How to add CSS effect in a sibling when focusing a non parent element

Keep css when editing in the browser

Css overlay for focusing on button

VBA Word: remove editing restriction at opening and restrict again when closing

Css inherited value doesn't show in Chrome inspector

How to change CSS tab stop in Google Chrome Inspector (Developer tools)

How to use Chrome Inspector to show the popup css for a jquery plugin

why I can't get the google chrome CSS Grid Inspector?

When closing form and returning to previous, it keeps opening instances of the form

kernal keeps on dying in jupyter notebook when opening a notebook

contenteditable div is focusing out while editing it

Focusing on a textarea after dynamically editing textarea text

While-loop keeps crashing in Google Chrome console

Applications not Focusing when Launched