From d869f596d27e7d9a3658366f20ad587f2eb682ec Mon Sep 17 00:00:00 2001
From: Anne van Kesteren <annevk@annevk.nl>
Date: Sat, 18 Jul 2026 09:39:15 +0200
Subject: [PATCH] Order shadow root concepts consistently

Match DOM's order for the template IDL, attributes, parser, and
"attach a shadow root" call site: mode, delegates focus, serializable,
slot assignment, clonable, custom element registry. Reorders IDL
members, observable via property enumeration.
---
 source | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/source b/source
index 98aa9b6135b..a926f4c2c48 100644
--- a/source
+++ b/source
@@ -69166,9 +69166,9 @@ not-slash     = %x0000-002E / %x0030-10FFFF
    <dd><span>Global attributes</span></dd>
    <dd><code data-x="attr-template-shadowrootmode">shadowrootmode</code></dd>
    <dd><code data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code></dd>
+   <dd><code data-x="attr-template-shadowrootserializable">shadowrootserializable</code></dd>
    <dd><code data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code></dd>
    <dd><code data-x="attr-template-shadowrootclonable">shadowrootclonable</code></dd>
-   <dd><code data-x="attr-template-shadowrootserializable">shadowrootserializable</code></dd>
    <dd><code data-x="attr-template-shadowrootcustomelementregistry">shadowrootcustomelementregistry</code></dd>
    <dt><span
    data-x="concept-element-accessibility-considerations">Accessibility considerations</span>:</dt>
@@ -69185,9 +69185,9 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
   readonly attribute <span>DocumentFragment</span> <span data-x="dom-template-content">content</span>;
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-template-shadowrootmode">shadowRootMode</span>;
   [<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowrootdelegatesfocus">shadowRootDelegatesFocus</dfn>;
+  [<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowRootSerializable">shadowRootSerializable</dfn>;
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-template-shadowrootslotassignment">shadowRootSlotAssignment</span>;
   [<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowrootclonable">shadowRootClonable</dfn>;
-  [<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute boolean <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowRootSerializable">shadowRootSerializable</dfn>;
   [<span>CEReactions</span>, <span data-x="xattr-Reflect">Reflect</span>] attribute DOMString <dfn attribute for="HTMLTemplateElement" data-x="dom-template-shadowRootCustomElementRegistry">shadowRootCustomElementRegistry</dfn>;
 };</code></pre>
 </dd>
@@ -69229,6 +69229,10 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
   data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code></dfn> content
   attribute is a <span>boolean attribute</span>.</p>
 
+  <p>The <dfn element-attr for="template"><code
+  data-x="attr-template-shadowrootserializable">shadowrootserializable</code></dfn> content
+  attribute is a <span>boolean attribute</span>.</p>
+
   <p>The <dfn element-attr for="template"><code
   data-x="attr-template-shadowrootslotassignment">shadowrootslotassignment</code></dfn> content
   attribute is an <span>enumerated attribute</span> with the following keywords and states:</p>
@@ -69259,10 +69263,6 @@ interface <dfn interface>HTMLTemplateElement</dfn> : <span>HTMLElement</span> {
   data-x="attr-template-shadowrootclonable">shadowrootclonable</code></dfn> content attribute is a
   <span>boolean attribute</span>.</p>
 
-  <p>The <dfn element-attr for="template"><code
-  data-x="attr-template-shadowrootserializable">shadowrootserializable</code></dfn> content
-  attribute is a <span>boolean attribute</span>.</p>
-
   <p>The <dfn element-attr for="template"><code
   data-x="attr-template-shadowrootcustomelementregistry">shadowrootcustomelementregistry</code></dfn>
   content attribute is a <span>boolean attribute</span>.</p>
@@ -145504,6 +145504,14 @@ document.body.appendChild(text);
        <li><p>Let <var>mode</var> be <var>templateStartTag</var>'s <code
        data-x="attr-template-shadowrootmode">shadowrootmode</code> attribute's value.</p></li>
 
+       <li><p>Let <var>delegatesFocus</var> be true if <var>templateStartTag</var> has a <code
+       data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code> attribute;
+       otherwise false.</p></li>
+
+       <li><p>Let <var>serializable</var> be true if <var>templateStartTag</var> has a <code
+       data-x="attr-template-shadowrootserializable">shadowrootserializable</code> attribute;
+       otherwise false.</p></li>
+
        <li><p>Let <var>slotAssignment</var> be "<code data-x="">named</code>".</p></li>
 
        <li><p>If <var>templateStartTag</var>'s <code
@@ -145515,14 +145523,6 @@ document.body.appendChild(text);
        data-x="attr-template-shadowrootclonable">shadowrootclonable</code> attribute; otherwise
        false.</p></li>
 
-       <li><p>Let <var>serializable</var> be true if <var>templateStartTag</var> has a <code
-       data-x="attr-template-shadowrootserializable">shadowrootserializable</code> attribute;
-       otherwise false.</p></li>
-
-       <li><p>Let <var>delegatesFocus</var> be true if <var>templateStartTag</var> has a <code
-       data-x="attr-template-shadowrootdelegatesfocus">shadowrootdelegatesfocus</code> attribute;
-       otherwise false.</p></li>
-
        <li><p>If <var>declarativeShadowHostElement</var> is a <span>shadow host</span>, then
        <span>insert an element at the adjusted insertion location</span> with
        <var>template</var>.</p></li>
@@ -145538,8 +145538,8 @@ document.body.appendChild(text);
 
          <li>
           <p><span data-x="concept-attach-a-shadow-root">Attach a shadow root</span> with
-          <var>declarativeShadowHostElement</var>, <var>mode</var>, <var>clonable</var>,
-          <var>serializable</var>, <var>delegatesFocus</var>, <var>slotAssignment</var>, and
+          <var>declarativeShadowHostElement</var>, <var>mode</var>, <var>delegatesFocus</var>,
+          <var>serializable</var>, <var>slotAssignment</var>, <var>clonable</var>, and
           <var>registry</var>.</p>
 
           <p>If an exception is thrown, then catch it and:</p>