blob: 8d02227fcf4a467f4cb47091d67aa769fdb01b8b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>Shadow DOM Test - Tests nested shadow tree.</title>
<link rel="match" href="nested_tree_reftest-ref.html" >
<link rel="author" title="shingo.miyazawa" href="mailto:kumatronik@gmail.com" >
<link rel="help" href="https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html#nested-shadow-trees" >
<script src="../../../../html/resources/common.js"></script>
<meta name="assert" content="nested shadow tree style is valid." >
<style>
#host {
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square. Test failed if there is a red square.</p>
<div id='host'>
</div>
<script>
var shadowRoot = document.getElementById('host').attachShadow({mode: 'open'});
shadowRoot.innerHTML = '<div id="sub" style="width: 100%;height:100%;"></div>';
var nestedRoot = shadowRoot.getElementById('sub').attachShadow({mode: 'open'});
nestedRoot.innerHTML = '<div style="width:100%; height:100%;background-color: green;"></div>';
</script>
</body>
</html>
|
