<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://rixx.github.io/baseline-updates/feed/by_tag/dom.xml" rel="self" type="application/atom+xml" /><link href="https://rixx.github.io/baseline-updates/" rel="alternate" type="text/html" /><updated>2026-09-09T04:16:56+00:00</updated><id>https://rixx.github.io/baseline-updates/feed/by_tag/dom.xml</id><title type="html">Baseline Updates</title><subtitle>Updates to the Baseline collection. Including RSS feeds (both for all updates and individual tags).</subtitle><entry><title type="html">New in High Baseline Support: Declarative shadow DOM</title><link href="https://rixx.github.io/baseline-updates/2026/08/20/declarative-shadow-dom.html" rel="alternate" type="text/html" title="New in High Baseline Support: Declarative shadow DOM" /><published>2026-08-20T00:00:00+00:00</published><updated>2026-08-20T00:00:00+00:00</updated><id>https://rixx.github.io/baseline-updates/2026/08/20/declarative-shadow-dom</id><content type="html" xml:base="https://rixx.github.io/baseline-updates/2026/08/20/declarative-shadow-dom.html"><![CDATA[<p><a href="https://caniuse.com/?search=declarative-shadow-dom">caniuse</a> · <a href="https://developer.mozilla.org/en-US/search?q=Declarative shadow DOM">mdn</a> · <a href="https://html.spec.whatwg.org/multipage/scripting.html#attr-template-shadowrootmode">spec</a></p>

<p>The <code class="language-plaintext highlighter-rouge">shadowrootmode</code> attribute on <code class="language-plaintext highlighter-rouge">&lt;template&gt;</code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code class="language-plaintext highlighter-rouge">attachShadow()</code> method.</p>

<h3 id="source-features">Source features</h3>

<ul>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTemplateElement.shadowRootMode</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTemplateElement.shadowRootMode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">html.elements.template.shadowrootmode</code> <a href="https://developer.mozilla.org/en-US/search?q=html.elements.template.shadowrootmode">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">html.elements.template.shadowrootdelegatesfocus</code> <a href="https://developer.mozilla.org/en-US/search?q=html.elements.template.shadowrootdelegatesfocus">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">html.elements.template.shadowrootclonable</code> <a href="https://developer.mozilla.org/en-US/search?q=html.elements.template.shadowrootclonable">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTemplateElement.shadowRootDelegatesFocus</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTemplateElement.shadowRootDelegatesFocus">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTemplateElement.shadowRootClonable</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTemplateElement.shadowRootClonable">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTemplateElement.shadowRootSerializable</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTemplateElement.shadowRootSerializable">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">html.elements.template.shadowrootserializable</code> <a href="https://developer.mozilla.org/en-US/search?q=html.elements.template.shadowrootserializable">[mdn]</a></li>
  <li><code class="language-plaintext highlighter-rouge">api.HTMLTemplateElement.shadowRootSlotAssignment</code> <a href="https://developer.mozilla.org/en-US/search?q=api.HTMLTemplateElement.shadowRootSlotAssignment">[mdn]</a></li>
</ul>]]></content><author><name></name></author><category term="baseline-high" /><category term="html" /><category term="dom" /><category term="web-components" /><summary type="html"><![CDATA[caniuse · mdn · spec]]></summary></entry></feed>