[Debug] Inspect and Style an Element in DevTools that Normally Disappears when Inactive

It’s handy to inspect an element in your browser’s DevTools when you need to experiment or tweak it’s styles, however, it can be very tricky to try and inspect an element if it only shows up when it’s being hovered or if it disappears when it loses focus. Thankfully, there is a handy little trick using setTimeout and debugger that makes inspecting such elements much easier.

 

In the console, enter:

console.log(( )=> {debugger}, 3000)

 

You have 3 seconds to hover the element or click the element, then it will enter debug mode, the DOM fill be forzen, then you can start changing the style.