Dev Tools hide shortcut within shadow DOM

[Johannes Paasila]

Hi Guys,

I was doing some jank busting, and noticed that the hide element shortcut in Dev Tools (press 'h' to set visibility:hidden on an element),

doesn't work within shadow DOM. This being because the style rule applied by the shortcut doesn't reach into the shadow DOM.

(Same thing in Chrome Canary.)

I'm working around this by applying the following style rule to my page:

html /deep/ .__web-inspector-hide-shortcut__,
html /deep/ .__web-inspector-hide-shortcut__ *,
.__web-inspector-hide-shortcut__ /deep/ * {
    visibility: hidden !important;
}

With this in place it works, but I'd rather the tools just worked by themselves.

Is there something I'm missing? Or is such a work around necessary?

Cheers, Johannes.

[Rob Dodson]

Hey Johannes, I've noticed this as well. I'm on terrible conference wifi right now but trying to file a chromium bug. I'll ping this ticket when I get it in

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/297431e6-9392-4629-bd68-ac59058ad29e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Rob Dodson]

Bug filed: https://code.google.com/p/chromium/issues/detail?id=406389

[Johannes Paasila]

Awesome, thanks for doing that.

[prin.d...@gmail.com]