philc / vimium

The hacker's browser.
https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb
MIT License
23.02k stars 2.47k forks source link

chrome extension interferes with devtools inspector #2781

Open bdefore opened 6 years ago

bdefore commented 6 years ago

if i right click a dom element and select inspect, the chrome dev tools open but scroll to the bottom of the tree, where something referencing vimium shows up. i need to manually scroll up that pane to see the item i've actually intended to inspect.

it's a common action for web development, so i needed to disable vimium in the meantime

smblott-github commented 6 years ago

Cannot reproduce. For me, the selected element appears highlighted and centred in the dev tools window.

bdefore commented 6 years ago

@smblott-github looks like my case is a bit more specific, and occurs on localhost where i'm running webpack dev server, while working fine on external urls. as a workaround i'm able to add localhost:8080/* to the extension's settings for exclude patterns.

skeets23 commented 6 years ago

This happens to me too, and it's not just on sites hosted by "local hosts" (although it does happen there as well) So I think this may not be as specific as you're thinking.

It doesn't happen everytime, but I would say about 80% of the time. If I inspect the element twice, it will usually work. Otherwise, the inspector shows some element in the bottom inside of the frame "vomnibar.html".

For some reason, the issue doesn't happen often when I'm trying to reproduce it. However, I can confirm that it happens on external (normal) web pages.