Inspector only grabs the outer-most shadow dom

586 views
Skip to first unread message

yar...@gmail.com

unread,
May 29, 2013, 4:54:32 PM5/29/13
to google-chrome-...@googlegroups.com
After watching the Google I/O video on Polymer, I was playing with the sandbox demo app.

If we have nested shadow dom, Chrome Developer Tool inspector can only grab the outer-most shadow dom. So it's hard to look into quickly navigate to the dom element that I'm interested in. I tried it in Chrome 28.0.1500.20 beta as well as Chrome 29.0.1522.0 canary.

Can anyone on Chrome team look into the issue?

Thanks!

Tim Statler

unread,
May 29, 2013, 6:27:37 PM5/29/13
to yar...@gmail.com, Google Chrome Developer Tools
I'm able to view nested shadow roots in Chrome 29.0.1522 on OS X. For example, in the <video> element below the first #document-fragment is the outermost shadow root, the second #document-fragment is for the nested slider control, etc.

Inline image 1


--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 



--
Tim Statler | Technical Writer - Chrome Developer Relations | timst...@google.com | 
image.png

yar...@gmail.com

unread,
May 30, 2013, 2:00:34 AM5/30/13
to google-chrome-...@googlegroups.com, yar...@gmail.com
I'm able to view nested shadow roots as well. What I meant is that when you press command + option + c in Chrome on Mac and select an element on the screen, it should jump to that dom in Elements tab in Chrome Developer Tools, but it doesn't. Does this work fine for you, Tim?


On Wednesday, May 29, 2013 6:27:37 PM UTC-4, Tim Statler wrote:
I'm able to view nested shadow roots in Chrome 29.0.1522 on OS X. For example, in the <video> element below the first #document-fragment is the outermost shadow root, the second #document-fragment is for the nested slider control, etc.

Inline image 1
On Wed, May 29, 2013 at 1:54 PM, <yar...@gmail.com> wrote:
After watching the Google I/O video on Polymer, I was playing with the sandbox demo app.

If we have nested shadow dom, Chrome Developer Tool inspector can only grab the outer-most shadow dom. So it's hard to look into quickly navigate to the dom element that I'm interested in. I tried it in Chrome 28.0.1500.20 beta as well as Chrome 29.0.1522.0 canary.

Can anyone on Chrome team look into the issue?

Thanks!

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.
 
 

Pavel Feldman

unread,
May 30, 2013, 2:13:58 AM5/30/13
to yar...@gmail.com, Google Chrome Developer Tools

Work in progress. You can star https://code.google.com/p/chromium/issues/detail?id=236509 to track it.

Pavel

To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages