blob: 8e4697b727506673b6e51be0df0916f576b025cc [file] [log] [blame]
<!DOCTYPE html>
<p>Tests distributed &lt;summary> elements are not recognized as children of &lt;details> elements.
<p>Note in the current build, &lt;details> cannot show toggle buttons if &lt;summary> elements are distributed.
The expected file simulates this behavior.
<div id=host>
<summary id=summary>Distributed summary</summary>
</div>
<template id=template>
<details>
<content></content>
<div>Details text</div>
</details>
</template>
<script>
runTests();
function runTests() {
var shadowRoot = host.createShadowRoot();
shadowRoot.appendChild(document.importNode(template.content, true));
}
</script>