mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-06 15:58:39 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
29
layout/reftests/webcomponents/nested-shadow-element-1.html
Normal file
29
layout/reftests/webcomponents/nested-shadow-element-1.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<script>
|
||||
function tweak() {
|
||||
var olderShadow = document.getElementById('outer').createShadowRoot();
|
||||
olderShadow.innerHTML = '<content></content><span>World</span>';
|
||||
|
||||
var youngerShadow = document.getElementById('outer').createShadowRoot();
|
||||
youngerShadow.innerHTML = '<div id="shadowparent"><shadow id="youngshadow"><span>Hello</span></shadow></div>';
|
||||
|
||||
var shadowParent = youngerShadow.getElementById("shadowparent");
|
||||
var nestedShadow = shadowParent.createShadowRoot();
|
||||
nestedShadow.innerHTML = '<div style="background-color: green"><content></content></div>';
|
||||
|
||||
// Dynamically append a span to the shadow element in the younger ShadowRoot to make sure
|
||||
// it is projected into the nested shadow.
|
||||
var appendedSpan = document.createElement("span");
|
||||
appendedSpan.textContent = ' ';
|
||||
youngerShadow.getElementById("youngshadow").appendChild(appendedSpan);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="tweak()">
|
||||
<div id="outer">
|
||||
<div style="width:300px; height:100px; background-color:red;"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue