micjamking / devtools-author

A selection of author settings for Chrome Developer Tools.
http://mikeking.io/devtools-author/
MIT License
478 stars 53 forks source link

DevTools does not automatically select correct element when using right-click > Inspect #139

Open Samjin opened 8 years ago

Samjin commented 8 years ago

Right click on page to inspect an element, the Elements panel doesn't locate or highlight the inspected element. You'll have to inspect the same element again on the page to find it in the panel. This has been a big reason that I don't use the extension, or it is an fantastic tool.

micjamking commented 8 years ago

@Samjin Thanks for leaving feedback. Can I get a bit more information from you so I can try to replicate it on my machine.

What is your environment versions (Chrome, OS)?

I'm unable to replicate this behavior on my machine, below is a gif of my current experience.

devtoolsauthor_inspectelement

Samjin commented 8 years ago

Chrome, window 7.Lets say if we go to chrome's page https://developer.chrome.com/multidevice/webview/overview and Click on any element after scroll to the middle of the page while developer tool is closed(you can try to inspect the red color 'caution' element). You'll see it finds the element in devtool correctly, but it isn't showing up in element's viewport unless you scroll or re-inspect again. Here's picture. Look at element panel, the inspected element is not in the 'view'. Thanks for fast reply Sam

Date: Tue, 29 Mar 2016 23:38:51 -0700 From: notifications@github.com To: devtools-author@noreply.github.com CC: sam.jin@hotmail.com Subject: Re: [micjamking/devtools-author] BUG: dev tool is not automatically located to correct element. (#139)

@Samjin Thanks for leaving feedback. Can I get a bit more information from you so I can try to replicate it on my machine.

What is your environment versions (Chrome, OS)?

I'm unable to replicate this behavior on my machine, below is a gif of my current experience.

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub

Samjin commented 8 years ago

Any update on this?

nonameolsson commented 8 years ago

I can't reproduce the problem.

robclancy commented 7 years ago

This issue is due to https://github.com/micjamking/devtools-author/issues/142. Using a larger font and/or line height means the scroll position is wrong after the style has been applied. If the dev tools are already open then there is no issue.