Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<content> and <shadow> are both inserted #176

Merged
merged 1 commit into from
Jun 8, 2013
Merged

<content> and <shadow> are both inserted #176

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions shadow-dom/shadow-trees/hosting-multiple-shadow-trees-006-ref.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Shadow DOM - Content and shadow elements are both inserted</title>
<link rel="author" title="Hiroyuki Hayashi" href="mailto:hyshhryk@gmail.com" />
</head>
<body>
<div>
<p>2nd shadow tree's node</p>
<p>Original tree's node</p>
<p>1st shadow tree's node</p>
</div>
</body>
</html>
23 changes: 23 additions & 0 deletions shadow-dom/shadow-trees/hosting-multiple-shadow-trees-006.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Shadow DOM Test - Content and shadow elements are both inserted.</title>
<link rel="reference" href="hosting-multiple-shadow-trees-006-ref.html" />
<link rel="author" title="Hiroyuki Hayashi" href="mailto:hyshhryk@gmail.com" />
<link rel="help" href="http://www.w3.org/TR/shadow-dom/#multiple-shadow-trees" />
<script src="../testcommon.js"></script>
<meta name="assert" content="The <content> element assigns the original tree and the <shadow> element assigns an older shadow tree. They are both in the youngest shadow tree." />
</head>
<body>
<div id='host'>
<p>Original tree's node</p>
</div>
<script>
var shadowRoot = createSR(host);
shadowRoot.innerHTML = "<div><p>1st shadow tree's node</p></div>";
var shadowRoot = createSR(host);
shadowRoot.innerHTML = "<div><p>2nd shadow tree's node</p><content></content><shadow></shadow></div>";
</script>
</body>
</html>