New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 14 users

Issue metadata

Status: Fixed
Closed: Dec 2013
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 1
Type: Bug

Sign in to add a comment

Issue 279390: Cannot inspect styles if an element is in shadow DOM

Reported by, Aug 26 2013 Project Member

Issue description

Version: 31.0.1611.0 (Official Build 219463) canary
OS: Mac OS X

What steps will reproduce the problem?

1. Create a element with a shadow root.
2. Append a child element to the shadow root and style it.
3. Inspect the child element


What is the expected output? What do you see instead?

Expect to see style information for the shadow DOM child element in the inspector. (color: red in the example) I don't see anything useful.

Please use labels and text to provide additional information.

Comment 1 by, Aug 26 2013

Labels: Hotlist-Toolkit

Comment 2 by, Aug 26 2013

The bug only shows when the styles are in a <style> tag within the shadow root. Another example:

      .red {
        color: red;
    <div class="red" style="font-weight:bold">hi!</div>

In that example font-weight: bold shows up in the inspector, but not color: red.

Comment 3 by, Aug 29 2013

Status: Assigned

Comment 4 by, Aug 29 2013


Comment 5 by, Aug 29 2013

Labels: -Pri-2 Pri-1
Upping priority per toolkit bug scrub

Comment 6 by, Sep 2 2013


Comment 7 by, Sep 3 2013

Status: Started

Comment 9 by, Nov 15 2013

Labels: Cr-Platform-DevTools

Comment 10 by, Dec 10 2013

 Issue 303959  has been merged into this issue.

Comment 11 by, Dec 10 2013

Status: Fixed

Sign in to add a comment