[Bug 20150] [Shadow]: "Nested tree" is defined, but "nesting tree" is only implied

https://www.w3.org/Bugs/Public/show_bug.cgi?id=20150

--- Comment #3 from Sergey G. Grekhov <sgrekhov@unipro.ru> ---
Now it's clear thank you. But... I was unable to create working @host @-rule.
I'm not sure if this is an implementation issue or I was wrong in the syntaxis.
An example of how @host rule should work would be very helpful.

That's what I tried:

var d = document;

    d.body.innerHTML = 
        '<ul class="cls">' +
            '<li id="li1" class="shadow">1</li>' +
            '<li id="li2" class="shadow2">2</li>' +
            '<li id="li3" class="shadow">3</li>' +
            '<li id="li4">4</li>' +
            '<li id="li5" class="shadow">5</li>' +
            '<li id="li6" class="shadow2">6</li>' +
        '</ul>';

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

    var div = d.createElement('div');    
    div.innerHTML ='<ul><content select=".shadow"></content></ul>'; 
    s.appendChild(div);    

   var style = d.createElement('style');
   style.innerHTML = '' + 
            '@host {' +
                'ul {display:none;}' +
            '}';
   s.appendChild(style);


What should be correct @host rule that makes shadow host content invisible?
I also tried
            '@host {' +
                'div {display:none;}' +
            '}';

But this don't work anyway. So, please, add the example.

-- 
You are receiving this mail because:
You are the QA Contact for the bug.

Received on Monday, 10 December 2012 06:47:30 UTC