layout/reftests/webcomponents/basic-shadow-1.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!DOCTYPE HTML>
     2 <html>
     3 <head>
     4   <script>
     5     function tweak() {
     6       // div with style "width:300px; height:100px; background-color:green"
     7       var shadowDiv = document.createElement("div");
     8       shadowDiv.style.width = "300px";
     9       shadowDiv.style.height = "100px";
    10       shadowDiv.style.backgroundColor = "green";
    12       var shadowRoot = document.getElementById('outer').createShadowRoot();
    13       shadowRoot.appendChild(shadowDiv);
    14     }
    15   </script>
    16 </head>
    17 <body onload="tweak()">
    18 <div id="outer">
    19   <div style="width:300px; height:100px; background-color:red;"></div>
    20 </div>
    21 </body>
    22 </html>

mercurial