CODEWITHSUNDEEP
csspointer-events
jshou
jshou

Reputation: 682

Disabling pointer events for inspect element

I have a div for which pointer events is set to "none". I can click through to elements underneath fine, but if I right click an element and inspect it with Chrome, it gives me the div that's on top. Does anyone else have this issue? I don't remember it being an issue before.

Upvotes: 6

Views: 2131

Answers (2)

Rod911
Rod911

Reputation: 860

Per this Chromium issue comment, you can hold Shift while using Chrome's inspect element from devtools, which will highlight elements (with parent element in red) even when they have pointer-events: none on them.

Upvotes: 7

Vitaliy Z
Vitaliy Z

Reputation: 133

According to this https://code.google.com/p/chromium/issues/detail?id=136887 it is proper behaivor. What was before (when you can't inspect elements with "pointer-events:none") was a bug.

Chromium has tests for this fix: https://chromium.googlesource.com/chromium/blink.git/+/dfcf6a3782dcae5dd16baec94040b931b0791fa6/LayoutTests/inspector/elements/inspect-pointer-events-none.html

Upvotes: 3

Related Questions