[Webkit-unassigned] [Bug 102767] New: [Shadow DOM]: retargeting doesn't work for document nodes distributed among insertion points

Mon Nov 19 22:01:47 PST 2012

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

           Summary: [Shadow DOM]: retargeting doesn't work for document
                    nodes distributed among insertion points
           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.64 m
If node in Shadow tree is a document node distributed into insertion point then event retargeting doesn't work. Run the following example:

<html>
<head>
<script type="text/javascript">
function test() {
    var d = document;
    var SR = window.ShadowRoot || window.WebKitShadowRoot;

    //Shadow root to play with
    var ul = d.querySelector('ul.stories');
    var s = new SR(ul);

    //make shadow subtree
    var div = document.createElement('div');
    div.innerHTML = '<ul id="ip_wrapper"><content select=".shadow"></content></ul>';
    s.appendChild(div);

    d.body.addEventListener('click', function (event) {
        alert(event.target.tagName);
    }, false);

    var event = d.createEvent('HTMLEvents');
    event.initEvent ("click", true, false);
    d.querySelector('#li3').dispatchEvent(event);         
}
</script>
</head>
<body onload="test()">

    <ul class='stories'>
        <li id='li1'><a href='#1'>Link1</a></li>
        <li id='li2' title="li2"><a href='#2'>Link 2</a></li>
        <li id='li3' class='shadow'><a href='#3'>Link 3 Shadow</a></li>
        <li id='li4' class='shadow2'><a href='#4'>Link 4 Shadow 2</a></li>
        <li id='li5'><a href='#5'>Link 5</a></li>
        <li id='li6' class='shadow'><a href='#5'>Link 6 Shadow</a></li>
    </ul>

</body>
</html>

This example shows that after bubbling up to the document body event target was not retargeted and shows tagName LI, but according to http://dvcs.w3.org/hg/webcomponents/raw-file/c2f82425ba8d/spec/shadow/index.html#event-retargeting target should be adjusted and shadow root (UL) should be the target

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