Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE HTML>
<meta charset="utf-8" />
<title>HTML partial updates: shadowrootmode supersedes contentmethod</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="container">
<section id=outer contentname="d">Unchanged</section>
<template shadowrootmode="open" contentmethod="append">
<section id=inner contentname="d">Inside</section>
</template>
</div>
<script>
test(() => {
const outer = document.querySelector("#outer");
assert_equals(outer.textContent, "Unchanged");
const inner = document.querySelector("#container").shadowRoot.querySelector("#inner");
assert_not_equals(inner, null);
assert_equals(inner.textContent, "Inside");
});
</script>