Feature request: disable mouse click propagation from dev tools onto webpage

3,176 views
Skip to first unread message

Tomáš John

unread,
Oct 3, 2019, 2:58:35 PM10/3/19
to Chrome DevTools
Hi Chrome DevTools Team and community members.

I am comming to you with a this problem.

PROBLEM:
1. Have css class on element. Class is set programmatically, it is analogy of css "active".
2. It is able to see the css Class inside dev tools.
3. When you want to change somethin inside this Class in dev tools -> you click inside css class.
4. But Class dissappear, because of the mouse click which is captured by the website handler and therefor removes the class from element.

PROPOSAL:
Disable mouse events propagation to page, when position of the clik is inside devtools.

I hope it is understandable. If not, I can provide screenshots or some video.

Thanks for replies

With regards,
Tomas

PhistucK

unread,
Oct 3, 2019, 3:02:18 PM10/3/19
to Google Chrome Developer Tools
I am pretty sure clicks within the Developer Tools feature do not propagate to the page. Rather, the page is probably listening to the blur event, which does fire when the focus switches from the page to the Developer Tools feature.
But I think this can help -
In the Developer Tools feature, press F1 to see the settings and under "DevTools", check "Emulate a focused page". This should fix it.
image.png

PhistucK


--
You received this message because you are subscribed to the Google Groups "Chrome DevTools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/c4851fc1-9f4b-4f40-8a1e-47d5ab9f3df1%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages