[Webkit-unassigned] [Bug 103973] New: [Shadow DOM]: custom pseudo-element styles are not applied to the shadow tree elements

Mon Dec 3 22:52:32 PST 2012

https://bugs.webkit.org/show_bug.cgi?id=103973

           Summary: [Shadow DOM]: custom pseudo-element styles are not
                    applied to the shadow tree elements
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: HTML DOM
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: sgrekhov at unipro.ru

Found in Chrome 23.0.1271.95 m. Custom pseudo-elements styles (https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html#custom-pseudo-elements) are not applied to the shadow tree elements. Run the following example:

<html>
<head>
<script type="text/javascript">

function test() {
    var SR = window.ShadowRoot || window.WebKitShadowRoot;
    var d = document;

    var widget = d.createElement('div');
    d.body.appendChild(widget);
    var s = new SR(widget);
    var thumb = d.createElement('span');
    thumb.innerHTML = 'Some text';
    thumb.pseudo = 'x-thumb';
    s.appendChild(thumb);

    var style = d.createElement('style');
    style.innerHTML = 'span::x-thumb {' +
        'color:red;' +
        '}';
    s.appendChild(style);
}
</script>
</head>
<body onload="test()">
</body>
</html>

As you can see red color style is not applied. If is ShadowRoot style replace span::x-thumb by span then style is applied. So problem is in custom pseudo-element

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.