From 95ebedf7c27572a3556ae67c679202d0d9600675 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 10 Apr 2023 11:56:24 -0700
Subject: [PATCH 01/31] Add anchor attribute

The anchor attribute can be used to set up CSS anchor positioning by
setting an implicit anchor element:
https://drafts.csswg.org/css-anchor-1/#implicit-anchor-element
---
 source | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/source b/source
index 9e11deef691..28f9c0dbf5f 100644
--- a/source
+++ b/source
@@ -4012,8 +4012,13 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
      <li><dfn data-x-href="https://drafts.csswg.org/css-contain/#containment-layout">layout
      containment</dfn></li>
     </ul>
-   </dd>
 
+    <p>The following terms are defined in <cite>CSS Anchor Positioning</cite>: <ref spec=CSSANCHOR></p>
+
+    <ul class="brief">
+     <li><dfn data-x-href="https://drafts.csswg.org/css-anchor-1/#implicit-anchor-element">implicit anchor element</dfn></li>
+    </ul>
+   </dd>
 
    <dt>Intersection Observer</dt>
 
@@ -11529,6 +11534,8 @@ interface <dfn interface>HTMLElement</dfn> : <span>Element</span> {
   undefined <span data-x="dom-hidePopover">hidePopover</span>();
   undefined <span data-x="dom-togglePopover">togglePopover</span>(optional boolean force);
   [<span>CEReactions</span>] attribute DOMString? <span data-x="dom-popover">popover</span>;
+
+  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
 };
 
 <span>HTMLElement</span> includes <span>GlobalEventHandlers</span>;
@@ -12763,6 +12770,7 @@ https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%
 
   <ul class="brief">
    <li><code data-x="attr-accesskey">accesskey</code></li>
+   <li><code data-x="attr-anchor">anchor</code></li>
    <li><code data-x="attr-autocapitalize">autocapitalize</code></li>
    <li><code data-x="attr-fe-autofocus">autofocus</code></li>
    <li><code data-x="attr-contenteditable">contenteditable</code></li>
@@ -82898,6 +82906,43 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
   data-x="popover-showing-state">showing</span>; otherwise "<code data-x="">open</code>".</p>
 
 
+  <h4>The <code data-x="attr-anchor">anchor</code> attribute</h4>
+
+  <p>All <span>HTML elements</span> may have the <dfn element-attr for="html-global"><code
+  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
+  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
+  of another element in the same <span>tree</span> as the element with the <code
+  data-x="attr-anchor">anchor</code> attribute. The other element is considered to be the
+  <span>implicit anchor element</span> of the element with the <code
+  data-x="attr-anchor">anchor</code> attribute.</p>
+
+  <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
+  <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
+
+  <div class="example">
+   <p>The following example shows how to use CSS anchor positioning by using the <code
+   data-x="attr-anchor">anchor</code> attribute without the need for the <code
+   data-x="">anchor-name</code> CSS property:</p>
+
+   <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
+&lt;div id="target" anchor="myanchor">target&lt;/div>
+
+&lt;style>
+#myanchor {
+  margin: 100px;
+  width: 100px;
+  height: 100px;
+}
+#target {
+  position: absolute;
+  left: anchor(left);
+  top: anchor(bottom);
+  width: 100px;
+  height: 100px;
+}
+&lt;/style></code></pre>
+  </div>
+
   <h2 split-filename="browsers" id="browsers">Loading web pages</h2>
 
   <div w-nodev>
@@ -130677,6 +130722,11 @@ interface <dfn interface>External</dfn> {
           <code data-x="attr-input-alt">input</code>
      <td> Replacement text for use when images are not available
      <td> <a href="#attribute-text">Text</a>*
+    <tr>
+     <th> <code data-x="">anchor</code>
+     <td> <code data-x="attr-anchor">HTML elements</code>
+     <td> Makes the specified element a parent of this element in the popover hierarchy if both elements have the <span data-x="attr-popover">popover</span> attribute
+     <td> Id of the popover parent element
     <tr>
      <th> <code data-x="">as</code>
      <td> <code data-x="attr-link-as">link</code>
@@ -133129,6 +133179,9 @@ INSERT INTERFACES HERE
    <dt id="refsCSSALIGN">[CSSALIGN]</dt>
    <dd><cite><a href="https://w3c.github.io/csswg-drafts/css-align/">CSS Box Alignment</a></cite>, E. Etemad, T. Atkins. W3C.</dd>
 
+   <dt id="refsCSSANCHOR">[CSSANCHOR]</dt>
+   <dd><cite><a href="https://drafts.csswg.org/css-anchor-1/">CSS Anchor Positioning</a></cite>, T. Atkins, J. Tompkins, I. Kilpatrick. W3C.</dd>
+
    <dt id="refsCSSANIMATIONS">[CSSANIMATIONS]</dt>
    <dd><cite><a href="https://w3c.github.io/csswg-drafts/css-animations/">CSS Animations</a></cite>, D. Jackson, D. Hyatt, C. Marrin, S. Galineau, L. Baron. W3C.</dd>
 

From cc6d05d617c64f85407d7f128ba9af74a66dffde Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 10 Apr 2023 13:02:48 -0700
Subject: [PATCH 02/31] move new section, remove popover reference

---
 source | 79 +++++++++++++++++++++++++++++-----------------------------
 1 file changed, 40 insertions(+), 39 deletions(-)

diff --git a/source b/source
index 28f9c0dbf5f..a623f77251b 100644
--- a/source
+++ b/source
@@ -13935,6 +13935,44 @@ interface <dfn interface>DOMStringMap</dfn> {
 
   </div>
 
+  <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
+
+  <p>All <span>HTML elements</span> may have the <dfn element-attr for="html-global"><code
+  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
+  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
+  of another element in the same <span>tree</span> as the element with the <code
+  data-x="attr-anchor">anchor</code> attribute. The other element is considered to be the
+  <span>implicit anchor element</span> of the element with the <code
+  data-x="attr-anchor">anchor</code> attribute.</p>
+
+  <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
+  <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
+
+  <div class="example">
+   <p>The following example shows how to use CSS anchor positioning by using the <code
+   data-x="attr-anchor">anchor</code> attribute without the need for the <code
+   data-x="">anchor-name</code> CSS property:</p>
+
+   <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
+&lt;div id="target" anchor="myanchor">target&lt;/div>
+
+&lt;style>
+#myanchor {
+  margin: 100px;
+  width: 100px;
+  height: 100px;
+}
+#target {
+  position: absolute;
+  left: anchor(left);
+  top: anchor(bottom);
+  width: 100px;
+  height: 100px;
+}
+&lt;/style></code></pre>
+  </div>
+
+
 
   <h4 id="the-innertext-idl-attribute">The <code data-x="dom-innerText">innerText</code> and <code
   data-x="dom-outerText">outerText</code> properties</h4>
@@ -82906,43 +82944,6 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
   data-x="popover-showing-state">showing</span>; otherwise "<code data-x="">open</code>".</p>
 
 
-  <h4>The <code data-x="attr-anchor">anchor</code> attribute</h4>
-
-  <p>All <span>HTML elements</span> may have the <dfn element-attr for="html-global"><code
-  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
-  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
-  of another element in the same <span>tree</span> as the element with the <code
-  data-x="attr-anchor">anchor</code> attribute. The other element is considered to be the
-  <span>implicit anchor element</span> of the element with the <code
-  data-x="attr-anchor">anchor</code> attribute.</p>
-
-  <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
-  <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
-
-  <div class="example">
-   <p>The following example shows how to use CSS anchor positioning by using the <code
-   data-x="attr-anchor">anchor</code> attribute without the need for the <code
-   data-x="">anchor-name</code> CSS property:</p>
-
-   <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
-&lt;div id="target" anchor="myanchor">target&lt;/div>
-
-&lt;style>
-#myanchor {
-  margin: 100px;
-  width: 100px;
-  height: 100px;
-}
-#target {
-  position: absolute;
-  left: anchor(left);
-  top: anchor(bottom);
-  width: 100px;
-  height: 100px;
-}
-&lt;/style></code></pre>
-  </div>
-
   <h2 split-filename="browsers" id="browsers">Loading web pages</h2>
 
   <div w-nodev>
@@ -130725,8 +130726,8 @@ interface <dfn interface>External</dfn> {
     <tr>
      <th> <code data-x="">anchor</code>
      <td> <code data-x="attr-anchor">HTML elements</code>
-     <td> Makes the specified element a parent of this element in the popover hierarchy if both elements have the <span data-x="attr-popover">popover</span> attribute
-     <td> Id of the popover parent element
+     <td> Makes the specified element the <span>implicit anchor element</span> of this element
+     <td> Id of the element to anchor to
     <tr>
      <th> <code data-x="">as</code>
      <td> <code data-x="attr-link-as">link</code>

From b7bf329ffcbb60f4e9a58dac6dd2814e34bb0da4 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 28 Jun 2023 06:33:33 -0700
Subject: [PATCH 03/31] point links to new redirects

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index 253a9d92b29..4a7aa19360c 100644
--- a/source
+++ b/source
@@ -4053,7 +4053,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
     <p>The following terms are defined in <cite>CSS Anchor Positioning</cite>: <ref spec=CSSANCHOR></p>
 
     <ul class="brief">
-     <li><dfn data-x-href="https://drafts.csswg.org/css-anchor-1/#implicit-anchor-element">implicit anchor element</dfn></li>
+     <li><dfn data-x-href="https://drafts.csswg.org/css-anchor-position-1/#implicit-anchor-element">implicit anchor element</dfn></li>
     </ul>
    </dd>
 
@@ -133773,7 +133773,7 @@ INSERT INTERFACES HERE
    <dd><cite><a href="https://w3c.github.io/csswg-drafts/css-align/">CSS Box Alignment</a></cite>, E. Etemad, T. Atkins. W3C.</dd>
 
    <dt id="refsCSSANCHOR">[CSSANCHOR]</dt>
-   <dd><cite><a href="https://drafts.csswg.org/css-anchor-1/">CSS Anchor Positioning</a></cite>, T. Atkins, J. Tompkins, I. Kilpatrick. W3C.</dd>
+   <dd><cite><a href="https://drafts.csswg.org/css-anchor-position-1/">CSS Anchor Positioning</a></cite>, T. Atkins, J. Tompkins, I. Kilpatrick. W3C.</dd>
 
    <dt id="refsCSSANIMATIONS">[CSSANIMATIONS]</dt>
    <dd><cite><a href="https://w3c.github.io/csswg-drafts/css-animations/">CSS Animations</a></cite>, D. Jackson, D. Hyatt, C. Marrin, S. Galineau, L. Baron. W3C.</dd>

From add4841f5e7e67768840b9ef949a78b0cd74cc77 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 28 Jun 2023 07:14:06 -0700
Subject: [PATCH 04/31] improve implicit anchor element definition

---
 source | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/source b/source
index 4a7aa19360c..803abb8071a 100644
--- a/source
+++ b/source
@@ -13988,11 +13988,17 @@ interface <dfn interface>DOMStringMap</dfn> {
   <p>All <span>HTML elements</span> may have the <dfn element-attr for="html-global"><code
   data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
   data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
-  of another element in the same <span>tree</span> as the element with the <code
-  data-x="attr-anchor">anchor</code> attribute. The other element is considered to be the
-  <span>implicit anchor element</span> of the element with the <code
+  of an element in the same <span>tree</span> as the element with the <code
   data-x="attr-anchor">anchor</code> attribute.</p>
 
+  <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, the <span>implicit
+  anchor element</span> is determined by the following algorithm:</p>
+
+  <ol>
+   <li><p>Return <var>element</var>'s <span data-x="attr-anchor"><code
+   data-x="">anchor</code>-associated element</span>.</p></li>
+  </ol>
+
   <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
   <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
 
@@ -14021,7 +14027,6 @@ interface <dfn interface>DOMStringMap</dfn> {
   </div>
 
 
-
   <h4 id="the-innertext-idl-attribute">The <code data-x="dom-innerText">innerText</code> and <code
   data-x="dom-outerText">outerText</code> properties</h4>
 
@@ -131319,7 +131324,7 @@ interface <dfn interface>External</dfn> {
      <th> <code data-x="">anchor</code>
      <td> <code data-x="attr-anchor">HTML elements</code>
      <td> Makes the specified element the <span>implicit anchor element</span> of this element
-     <td> Id of the element to anchor to
+     <td> ID of the element to anchor to
     <tr>
      <th> <code data-x="">as</code>
      <td> <code data-x="attr-link-as">link</code>

From b590be2e8f9900fcb5a559a4535cb0051c0ad574 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 28 Jun 2023 07:41:34 -0700
Subject: [PATCH 05/31] add referenced link

---
 source | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/source b/source
index 803abb8071a..125afb95135 100644
--- a/source
+++ b/source
@@ -13989,7 +13989,9 @@ interface <dfn interface>DOMStringMap</dfn> {
   data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
   data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
   of an element in the same <span>tree</span> as the element with the <code
-  data-x="attr-anchor">anchor</code> attribute.</p>
+  data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
+  attribute acts as a <span data-x="referenced">reference</span> to an <span>implicit anchor
+  element</span>.</p>
 
   <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, the <span>implicit
   anchor element</span> is determined by the following algorithm:</p>

From 86f0fc3688b6ac3e0723d135a19fd06708ab811d Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 4 Jul 2023 18:00:04 -0700
Subject: [PATCH 06/31] inline list

---
 source | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/source b/source
index 125afb95135..b2f55e9208d 100644
--- a/source
+++ b/source
@@ -13993,13 +13993,9 @@ interface <dfn interface>DOMStringMap</dfn> {
   attribute acts as a <span data-x="referenced">reference</span> to an <span>implicit anchor
   element</span>.</p>
 
-  <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, the <span>implicit
-  anchor element</span> is determined by the following algorithm:</p>
-
-  <ol>
-   <li><p>Return <var>element</var>'s <span data-x="attr-anchor"><code
-   data-x="">anchor</code>-associated element</span>.</p></li>
-  </ol>
+  <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
+  element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated
+  element</span>.</p>
 
   <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
   <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.

From 81d51b7b2431487cc9395e5879122971f0a1744b Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 4 Jul 2023 18:02:15 -0700
Subject: [PATCH 07/31] fix ids in attribute index

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index b2f55e9208d..76a98f465eb 100644
--- a/source
+++ b/source
@@ -131322,7 +131322,7 @@ interface <dfn interface>External</dfn> {
      <th> <code data-x="">anchor</code>
      <td> <code data-x="attr-anchor">HTML elements</code>
      <td> Makes the specified element the <span>implicit anchor element</span> of this element
-     <td> ID of the element to anchor to
+     <td> <span data-x="concept-id">ID</span>*
     <tr>
      <th> <code data-x="">as</code>
      <td> <code data-x="attr-link-as">link</code>
@@ -131949,7 +131949,7 @@ interface <dfn interface>External</dfn> {
      <th> <code data-x="">popovertarget</code>
      <td> <code>input</code>; <code>button</code>
      <td> Targets a popover element to toggle, show, or hide
-     <td> ID of the element to toggle, show or, hide
+     <td> <span data-x="concept-id">ID</span>*
     <tr>
      <th> <code data-x="">popovertargetaction</code>
      <td> <code>input</code>; <code>button</code>

From 3b6988795aa5697da341bf948e6bed94feccc0cc Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 4 Jul 2023 18:03:04 -0700
Subject: [PATCH 08/31] code->span

---
 source | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source b/source
index 76a98f465eb..ec5d79d9cbf 100644
--- a/source
+++ b/source
@@ -131320,7 +131320,7 @@ interface <dfn interface>External</dfn> {
      <td> <a href="#attribute-text">Text</a>*
     <tr>
      <th> <code data-x="">anchor</code>
-     <td> <code data-x="attr-anchor">HTML elements</code>
+     <td> <span data-x="attr-anchor">HTML elements</span>
      <td> Makes the specified element the <span>implicit anchor element</span> of this element
      <td> <span data-x="concept-id">ID</span>*
     <tr>

From 8bdce1cdbe0c02d52d1a0853bdaa4bb5f246d368 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 5 Jul 2023 10:02:28 -0700
Subject: [PATCH 09/31] add ref CSSANCHOR

---
 source | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/source b/source
index ec5d79d9cbf..2824d39ebd1 100644
--- a/source
+++ b/source
@@ -13990,8 +13990,9 @@ interface <dfn interface>DOMStringMap</dfn> {
   data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
   of an element in the same <span>tree</span> as the element with the <code
   data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
-  attribute acts as a <span data-x="referenced">reference</span> to an <span>implicit anchor
-  element</span>.</p>
+  attribute is a presentational attribute which allows authors to set a <span
+  data-x="referenced">reference</span> to the <span>implicit anchor element</span>. <ref
+  spec=CSSANCHOR></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
   element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated

From 610ae3fd3c39d396fec14ba85cbcc0b220d55c1a Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 10 Jul 2023 09:06:01 -0700
Subject: [PATCH 10/31] add presentational paragraph

---
 source | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/source b/source
index 2824d39ebd1..3347ff90de7 100644
--- a/source
+++ b/source
@@ -1047,6 +1047,11 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
   redefined in this specification to be media-independent: <code>b</code>, <code>i</code>,
   <code>hr</code>, <code>s</code>, <code>small</code>, and <code>u</code>.</p>
 
+  <p>The <code data-x="attr-anchor">anchor</code> attribute is presentational, but does not map
+  directly to CSS because it doesn't require an ID relationship to be set up for <code
+  data-x="">anchor-name</code> in CSS and sets <code
+  data-x="dom-anchorElement">Element.anchorElement</code>.</p>
+
 
   <h4>Syntax errors</h4>
 

From 9ad8934a6002583d6f020494984c1574eea9e966 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 24 Jan 2024 08:45:31 -0800
Subject: [PATCH 11/31] Move IDL from HTMLElement to Element

---
 source | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/source b/source
index c25de7d0af6..0e584027c7f 100644
--- a/source
+++ b/source
@@ -4118,7 +4118,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
      <li><dfn data-x-href="https://drafts.csswg.org/css-contain/#propdef-content-visibility" data-x="content-visibility-auto">'auto'</dfn> value for <span>'content-visibility'</span></li>
     </ul>
 
-    <p>The following terms are defined in <cite>CSS Anchor Positioning</cite>: <ref spec=CSSANCHOR></p>
+    <p>The following terms are defined in <cite>CSS Anchor Positioning</cite>: <ref>CSSANCHOR</ref></p>
 
     <ul class="brief">
      <li><dfn data-x-href="https://drafts.csswg.org/css-anchor-position-1/#implicit-anchor-element">implicit anchor element</dfn></li>
@@ -11732,8 +11732,6 @@ interface <dfn interface>HTMLElement</dfn> : <span>Element</span> {
   undefined <span data-x="dom-hidePopover">hidePopover</span>();
   boolean <span data-x="dom-togglePopover">togglePopover</span>(optional boolean force);
   [<span>CEReactions</span>] attribute DOMString? <span data-x="dom-popover">popover</span>;
-
-  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
 };
 
 <span>HTMLElement</span> includes <span>GlobalEventHandlers</span>;
@@ -14246,7 +14244,7 @@ interface <dfn interface>DOMStringMap</dfn> {
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  <p>All <span>HTML elements</span> may have the <dfn element-attr for="html-global"><code
+  <p>All <span data-x="Element">Elements</span> may have the <dfn element-attr for="html-global"><code
   data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
   data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
   of an element in the same <span>tree</span> as the element with the <code
@@ -14286,6 +14284,10 @@ interface <dfn interface>DOMStringMap</dfn> {
 &lt;/style></code></pre>
   </div>
 
+  <pre><code class="idl">partial interface <span id="Element-partial-anchor">Element</span> {
+  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
+};</code></pre>
+
 
   <h4 id="the-innertext-idl-attribute">The <code data-x="dom-innerText">innerText</code> and <code
   data-x="dom-outerText">outerText</code> properties</h4>

From 0489d5bcdf0a7b61f7e76e287abcc9c1b0a10bed Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Wed, 13 Mar 2024 10:00:57 -0700
Subject: [PATCH 12/31] fix ref tag

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index 0e584027c7f..c35c2504cfa 100644
--- a/source
+++ b/source
@@ -14250,8 +14250,8 @@ interface <dfn interface>DOMStringMap</dfn> {
   of an element in the same <span>tree</span> as the element with the <code
   data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
   attribute is a presentational attribute which allows authors to set a <span
-  data-x="referenced">reference</span> to the <span>implicit anchor element</span>. <ref
-  spec=CSSANCHOR></p>
+  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
+  <ref>CSSANCHOR</ref></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
   element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated

From f11da2898c00427e66c1bf76842748aa540de0a5 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 26 Mar 2024 15:51:27 -0700
Subject: [PATCH 13/31] add popover integration

---
 source | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/source b/source
index 4e3affdd563..dee7fa8c9d1 100644
--- a/source
+++ b/source
@@ -14306,6 +14306,20 @@ interface <dfn interface>DOMStringMap</dfn> {
   [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
 };</code></pre>
 
+  <p>To <dfn>get the anchor element</dfn> of an <span>element</span> <var>element</var>:</p>
+
+  <ol>
+   <li><p>Let <var>anchorAttribute</var> be the result of running <span>get an attribute by
+   name</span> given <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p></li>
+
+   <li><p>If <var>anchorAttribute</var> is null, then return null.</p></li>
+
+   <li><p>Return the first <span>element</span> in <span>tree order</span>, within
+   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</var>, whose <span
+   data-x="concept-id">ID</span> is <var>anchorAtribute</var>; otherwise; if there is no such
+   <span>element</span>, null.</p></li>
+  </ol>
+
 
   <h4 id="the-innertext-idl-attribute">The <code data-x="dom-innerText">innerText</code> and <code
   data-x="dom-outerText">outerText</code> properties</h4>
@@ -85201,7 +85215,7 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
   <div class="note">
    <p>The <span>topmost popover ancestor</span> algorithm will return the topmost (latest in the
    <span>showing auto popover list</span>) ancestor popover for the provided popover. Popovers can
-   be related to each other in several ways, creating a tree of popovers. There are two paths
+   be related to each other in several ways, creating a tree of popovers. There are three paths
    through which one popover (call it the "child" popover) can have a topmost ancestor popover (call
    it the "parent" popover):</p>
 
@@ -85209,6 +85223,10 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     <li><p>The popovers are nested within each other in the node tree. In this case, the descendant
     popover is the "child" and its topmost ancestor popover is the "parent".</p></li>
 
+    <li><p>A popover has the <code data-x="attr-anchor">anchor</code> attribute set and it points
+    to a node whose ancestor is also a popover. In this case, the popover with the <code
+    data-x="attr-anchor">anchor</code> attribute is the "child".</p></li>
+
     <li><p>An invoking element (e.g., a <code>button</code>) has a <code
     data-x="attr-popovertarget">popovertarget</code> attribute pointing to a popover. In this case,
     the popover is the "child", and the popover subtree the invoking element is in is the
@@ -85274,6 +85292,9 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
    <li><p>Run <var>checkAncestor</var> given <var>newPopover</var>'s parent node within the
    <span>flat tree</span>.</p></li>
 
+   <li><p>Run <var>checkAncestor</var> given the result of running <span>get the anchor
+   element</span> given <var>newPopover</var>.</p></li>
+
    <li><p>Run <var>checkAncestor</var> given <var>invoker</var>.</p></li>
 
    <li><p>return <var>topmostPopoverAncestor</var>.</p></li>
@@ -132211,6 +132232,10 @@ dialog:popover-open {
   background-color: Canvas;
 }
 
+[popover][anchor] {
+  inset: auto;
+}
+
 :popover-open::backdrop {
   position: fixed;
   inset: 0;
@@ -139358,7 +139383,7 @@ interface <dfn interface>External</dfn> {
     <tr>
      <th> <code data-x="">anchor</code>
      <td> <span data-x="attr-anchor">HTML elements</span>
-     <td> Makes the specified element the <span>implicit anchor element</span> of this element
+     <td> Makes the specified element the <span>implicit anchor element</span> of this element. Also influences the popover hierarchy if the specified element also has the <code data-x="attr-popover">popover</code> attribute.
      <td> <span data-x="concept-id">ID</span>*
     <tr>
      <th> <code data-x="">as</code>

From 06049f9c99077600738f485eece86e74e7598575 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 26 Mar 2024 15:53:08 -0700
Subject: [PATCH 14/31] fix end tag

---
 source | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source b/source
index dee7fa8c9d1..4c631a9f09f 100644
--- a/source
+++ b/source
@@ -14315,7 +14315,7 @@ interface <dfn interface>DOMStringMap</dfn> {
    <li><p>If <var>anchorAttribute</var> is null, then return null.</p></li>
 
    <li><p>Return the first <span>element</span> in <span>tree order</span>, within
-   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</var>, whose <span
+   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
    data-x="concept-id">ID</span> is <var>anchorAtribute</var>; otherwise; if there is no such
    <span>element</span>, null.</p></li>
   </ol>

From 382b064c838059375eeeb9adcf27a7d7e13616ac Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 16:54:11 -0700
Subject: [PATCH 15/31] move section

---
 source | 120 ++++++++++++++++++++++++++++-----------------------------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/source b/source
index 4c631a9f09f..dfe2e5d6bdc 100644
--- a/source
+++ b/source
@@ -13985,6 +13985,66 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
   </div>
 
 
+  <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
+
+  <p>All <span data-x="Element">Elements</span> may have the <dfn element-attr for="html-global"><code
+  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
+  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
+  of an element in the same <span>tree</span> as the element with the <code
+  data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
+  attribute is a presentational attribute which allows authors to set a <span
+  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
+  <ref>CSSANCHOR</ref></p>
+
+  <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
+  element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated
+  element</span>.</p>
+
+  <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
+  <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
+
+  <div class="example">
+   <p>The following example shows how to use CSS anchor positioning by using the <code
+   data-x="attr-anchor">anchor</code> attribute without the need for the <code
+   data-x="">anchor-name</code> CSS property:</p>
+
+   <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
+&lt;div id="target" anchor="myanchor">target&lt;/div>
+
+&lt;style>
+#myanchor {
+  margin: 100px;
+  width: 100px;
+  height: 100px;
+}
+#target {
+  position: absolute;
+  left: anchor(left);
+  top: anchor(bottom);
+  width: 100px;
+  height: 100px;
+}
+&lt;/style></code></pre>
+  </div>
+
+  <pre><code class="idl">partial interface <span id="Element-partial-anchor">Element</span> {
+  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
+};</code></pre>
+
+  <p>To <dfn>get the anchor element</dfn> of an <span>element</span> <var>element</var>:</p>
+
+  <ol>
+   <li><p>Let <var>anchorAttribute</var> be the result of running <span>get an attribute by
+   name</span> given <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p></li>
+
+   <li><p>If <var>anchorAttribute</var> is null, then return null.</p></li>
+
+   <li><p>Return the first <span>element</span> in <span>tree order</span>, within
+   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
+   data-x="concept-id">ID</span> is <var>anchorAtribute</var>; otherwise; if there is no such
+   <span>element</span>, null.</p></li>
+  </ol>
+
 
   <h5><dfn>Embedding custom non-visible data</dfn> with the <code data-x="attr-data-*">data-*</code> attributes</h5>
 
@@ -14260,66 +14320,6 @@ interface <dfn interface>DOMStringMap</dfn> {
 
   </div>
 
-  <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
-
-  <p>All <span data-x="Element">Elements</span> may have the <dfn element-attr for="html-global"><code
-  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
-  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
-  of an element in the same <span>tree</span> as the element with the <code
-  data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
-  attribute is a presentational attribute which allows authors to set a <span
-  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
-  <ref>CSSANCHOR</ref></p>
-
-  <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
-  element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated
-  element</span>.</p>
-
-  <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
-  <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
-
-  <div class="example">
-   <p>The following example shows how to use CSS anchor positioning by using the <code
-   data-x="attr-anchor">anchor</code> attribute without the need for the <code
-   data-x="">anchor-name</code> CSS property:</p>
-
-   <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
-&lt;div id="target" anchor="myanchor">target&lt;/div>
-
-&lt;style>
-#myanchor {
-  margin: 100px;
-  width: 100px;
-  height: 100px;
-}
-#target {
-  position: absolute;
-  left: anchor(left);
-  top: anchor(bottom);
-  width: 100px;
-  height: 100px;
-}
-&lt;/style></code></pre>
-  </div>
-
-  <pre><code class="idl">partial interface <span id="Element-partial-anchor">Element</span> {
-  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
-};</code></pre>
-
-  <p>To <dfn>get the anchor element</dfn> of an <span>element</span> <var>element</var>:</p>
-
-  <ol>
-   <li><p>Let <var>anchorAttribute</var> be the result of running <span>get an attribute by
-   name</span> given <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p></li>
-
-   <li><p>If <var>anchorAttribute</var> is null, then return null.</p></li>
-
-   <li><p>Return the first <span>element</span> in <span>tree order</span>, within
-   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
-   data-x="concept-id">ID</span> is <var>anchorAtribute</var>; otherwise; if there is no such
-   <span>element</span>, null.</p></li>
-  </ol>
-
 
   <h4 id="the-innertext-idl-attribute">The <code data-x="dom-innerText">innerText</code> and <code
   data-x="dom-outerText">outerText</code> properties</h4>

From fb5e5bbf67b94eac098f48db33843d8fc7a0b75d Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 16:59:12 -0700
Subject: [PATCH 16/31] remove first sentence

---
 source | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/source b/source
index dfe2e5d6bdc..686457d33d2 100644
--- a/source
+++ b/source
@@ -13987,11 +13987,9 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  <p>All <span data-x="Element">Elements</span> may have the <dfn element-attr for="html-global"><code
-  data-x="attr-anchor">anchor</code></dfn> attribute set. If specified, the <code
-  data-x="attr-anchor">anchor</code> attribute value must be the <span data-x="concept-ID">ID</span>
-  of an element in the same <span>tree</span> as the element with the <code
-  data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
+  The <code data-x="attr-anchor">anchor</code> attribute, if specified, must be the <span
+  data-x="concept-ID">ID</span> of an element in the same <span>tree</span> as the element with the
+  <code data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
   attribute is a presentational attribute which allows authors to set a <span
   data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
   <ref>CSSANCHOR</ref></p>

From 3dca84e0402fb9a8856219d15b3b28ed927c3c67 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:02:32 -0700
Subject: [PATCH 17/31] remove presentational

---
 source | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/source b/source
index 686457d33d2..e72333157f7 100644
--- a/source
+++ b/source
@@ -13990,9 +13990,8 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
   The <code data-x="attr-anchor">anchor</code> attribute, if specified, must be the <span
   data-x="concept-ID">ID</span> of an element in the same <span>tree</span> as the element with the
   <code data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
-  attribute is a presentational attribute which allows authors to set a <span
-  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
-  <ref>CSSANCHOR</ref></p>
+  attribute allows authors to set a <span data-x="referenced">reference</span> to the <span>implicit
+  anchor element</span>. <ref>CSSANCHOR</ref></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
   element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated

From 420012f37113222bddb869a3b76d98fefc97212e Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:11:24 -0700
Subject: [PATCH 18/31] remove presentational paragraph

---
 source | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/source b/source
index e72333157f7..340163679d3 100644
--- a/source
+++ b/source
@@ -1043,11 +1043,6 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
   redefined in this specification to be media-independent: <code>b</code>, <code>i</code>,
   <code>hr</code>, <code>s</code>, <code>small</code>, and <code>u</code>.</p>
 
-  <p>The <code data-x="attr-anchor">anchor</code> attribute is presentational, but does not map
-  directly to CSS because it doesn't require an ID relationship to be set up for <code
-  data-x="">anchor-name</code> in CSS and sets <code
-  data-x="dom-anchorElement">Element.anchorElement</code>.</p>
-
 
   <h4>Syntax errors</h4>
 

From b354492780621d424b4ed3439e0af946b49fc201 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:14:39 -0700
Subject: [PATCH 19/31] remove anchor-name

---
 source | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/source b/source
index 340163679d3..3a7d662bc86 100644
--- a/source
+++ b/source
@@ -13997,8 +13997,7 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <div class="example">
    <p>The following example shows how to use CSS anchor positioning by using the <code
-   data-x="attr-anchor">anchor</code> attribute without the need for the <code
-   data-x="">anchor-name</code> CSS property:</p>
+   data-x="attr-anchor">anchor</code> attribute to set the implicit anchor element:</p>
 
    <pre><code class="html">&lt;div id="myanchor">myanchor&lt;/div>
 &lt;div id="target" anchor="myanchor">target&lt;/div>

From 85e059f7805e2e57a0e67f229f91e9832978131a Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:19:00 -0700
Subject: [PATCH 20/31] re-add dfn

---
 source | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/source b/source
index 3a7d662bc86..5c9a9089698 100644
--- a/source
+++ b/source
@@ -13982,11 +13982,12 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  The <code data-x="attr-anchor">anchor</code> attribute, if specified, must be the <span
-  data-x="concept-ID">ID</span> of an element in the same <span>tree</span> as the element with the
-  <code data-x="attr-anchor">anchor</code> attribute. The <code data-x="attr-anchor">anchor</code>
-  attribute allows authors to set a <span data-x="referenced">reference</span> to the <span>implicit
-  anchor element</span>. <ref>CSSANCHOR</ref></p>
+  The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn> attribute,
+  if specified, must be the <span data-x="concept-ID">ID</span> of an element in the same
+  <span>tree</span> as the element with the <code data-x="attr-anchor">anchor</code> attribute. The
+  <code data-x="attr-anchor">anchor</code> attribute allows authors to set a <span
+  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
+  <ref>CSSANCHOR</ref></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
   element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated

From 7da97b502fcf776141bda8ecfa7f3f46229da0ce Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:46:50 -0700
Subject: [PATCH 21/31] move idl and use algorithm

---
 source | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/source b/source
index 5c9a9089698..b55ee90abd6 100644
--- a/source
+++ b/source
@@ -11739,6 +11739,8 @@ interface <dfn interface>HTMLElement</dfn> : <span>Element</span> {
   undefined <span data-x="dom-hidePopover">hidePopover</span>();
   boolean <span data-x="dom-togglePopover">togglePopover</span>(optional boolean force);
   [<span>CEReactions</span>] attribute DOMString? <span data-x="dom-popover">popover</span>;
+
+  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
 };
 
 <span>HTMLElement</span> includes <span>GlobalEventHandlers</span>;
@@ -13990,8 +13992,7 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
   <ref>CSSANCHOR</ref></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
-  element</span> is its <span data-x="attr-anchor"><code data-x="">anchor</code>-associated
-  element</span>.</p>
+  element</span> is the result of running <span>get the anchor element</span> given the element.</p>
 
   <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
   <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
@@ -14019,10 +14020,6 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 &lt;/style></code></pre>
   </div>
 
-  <pre><code class="idl">partial interface <span id="Element-partial-anchor">Element</span> {
-  [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
-};</code></pre>
-
   <p>To <dfn>get the anchor element</dfn> of an <span>element</span> <var>element</var>:</p>
 
   <ol>
@@ -14033,7 +14030,7 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
    <li><p>Return the first <span>element</span> in <span>tree order</span>, within
    <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
-   data-x="concept-id">ID</span> is <var>anchorAtribute</var>; otherwise; if there is no such
+   data-x="concept-id">ID</span> is <var>anchorAttribute</var>; otherwise; if there is no such
    <span>element</span>, null.</p></li>
   </ol>
 

From b88238e405614e074a8924528f0fa29ae8c62e1c Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:48:31 -0700
Subject: [PATCH 22/31] remove semicolons

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index b55ee90abd6..8274745aab0 100644
--- a/source
+++ b/source
@@ -14030,8 +14030,8 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
    <li><p>Return the first <span>element</span> in <span>tree order</span>, within
    <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
-   data-x="concept-id">ID</span> is <var>anchorAttribute</var>; otherwise; if there is no such
-   <span>element</span>, null.</p></li>
+   data-x="concept-id">ID</span> is <var>anchorAttribute</var>, or null if there is no such
+   <span>element</span>.</p></li>
   </ol>
 
 

From 0c02dbb11f925844a55de4534dc9d7a34e87f4e8 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:49:04 -0700
Subject: [PATCH 23/31] node->element

---
 source | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source b/source
index 8274745aab0..858bebcf77b 100644
--- a/source
+++ b/source
@@ -85213,7 +85213,7 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     popover is the "child" and its topmost ancestor popover is the "parent".</p></li>
 
     <li><p>A popover has the <code data-x="attr-anchor">anchor</code> attribute set and it points
-    to a node whose ancestor is also a popover. In this case, the popover with the <code
+    to an element whose ancestor is also a popover. In this case, the popover with the <code
     data-x="attr-anchor">anchor</code> attribute is the "child".</p></li>
 
     <li><p>An invoking element (e.g., a <code>button</code>) has a <code

From 59d976cb15d7569b8b5eabfb70164559927b68b6 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Mon, 8 Apr 2024 17:49:35 -0700
Subject: [PATCH 24/31] specified->sets

---
 source | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source b/source
index 858bebcf77b..ba6d417efdb 100644
--- a/source
+++ b/source
@@ -139372,7 +139372,7 @@ interface <dfn interface>External</dfn> {
     <tr>
      <th> <code data-x="">anchor</code>
      <td> <span data-x="attr-anchor">HTML elements</span>
-     <td> Makes the specified element the <span>implicit anchor element</span> of this element. Also influences the popover hierarchy if the specified element also has the <code data-x="attr-popover">popover</code> attribute.
+     <td> Sets the <span>implicit anchor element</span> of this element. Also influences the popover hierarchy if the specified element also has the <code data-x="attr-popover">popover</code> attribute.
      <td> <span data-x="concept-id">ID</span>*
     <tr>
      <th> <code data-x="">as</code>

From 5116e00cb76cd3997350f4b3b2a83562186ac7d5 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 9 Apr 2024 00:12:51 -0700
Subject: [PATCH 25/31] add missing p start tag

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index ba6d417efdb..9ff8773aac7 100644
--- a/source
+++ b/source
@@ -13984,8 +13984,8 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn> attribute,
-  if specified, must be the <span data-x="concept-ID">ID</span> of an element in the same
+  <p>The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn>
+  attribute, if specified, must be the <span data-x="concept-ID">ID</span> of an element in the same
   <span>tree</span> as the element with the <code data-x="attr-anchor">anchor</code> attribute. The
   <code data-x="attr-anchor">anchor</code> attribute allows authors to set a <span
   data-x="referenced">reference</span> to the <span>implicit anchor element</span>.

From ee9c79f98d6aec85dace416085612859bb55c0bf Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 9 Apr 2024 09:44:36 -0700
Subject: [PATCH 26/31] add whitespace to help trigger build

---
 source | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source b/source
index 9cf7e9bd9b3..0eab80cf55f 100644
--- a/source
+++ b/source
@@ -14072,6 +14072,7 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
   </ol>
 
 
+
   <h5><dfn>Embedding custom non-visible data</dfn> with the <code data-x="attr-data-*">data-*</code> attributes</h5>
 
   <p>A <dfn>custom data attribute</dfn> is an attribute in no namespace whose name starts with the

From b7da26d6769028d2ff435d2c64de2696f8a1cef6 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 9 Apr 2024 16:08:31 -0700
Subject: [PATCH 27/31] remove get the anchor element algorithm

---
 source | 23 +++++------------------
 1 file changed, 5 insertions(+), 18 deletions(-)

diff --git a/source b/source
index 0eab80cf55f..b7e5d1f5a06 100644
--- a/source
+++ b/source
@@ -14028,8 +14028,9 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
   data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
   <ref>CSSANCHOR</ref></p>
 
-  <p>For an <span data-x="HTML elements">HTML element</span>, its <span>implicit anchor
-  element</span> is the result of running <span>get the anchor element</span> given the element.</p>
+  <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, its <span>implicit
+  anchor element</span> is the result of running <span>get an attribute by name</span> given
+  <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p>
 
   <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
   <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.
@@ -14057,20 +14058,6 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 &lt;/style></code></pre>
   </div>
 
-  <p>To <dfn>get the anchor element</dfn> of an <span>element</span> <var>element</var>:</p>
-
-  <ol>
-   <li><p>Let <var>anchorAttribute</var> be the result of running <span>get an attribute by
-   name</span> given <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p></li>
-
-   <li><p>If <var>anchorAttribute</var> is null, then return null.</p></li>
-
-   <li><p>Return the first <span>element</span> in <span>tree order</span>, within
-   <var>element</var>'s <span>root</span>'s <span data-x="descendant">descendants</span>, whose <span
-   data-x="concept-id">ID</span> is <var>anchorAttribute</var>, or null if there is no such
-   <span>element</span>.</p></li>
-  </ol>
-
 
 
   <h5><dfn>Embedding custom non-visible data</dfn> with the <code data-x="attr-data-*">data-*</code> attributes</h5>
@@ -85452,8 +85439,8 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
    <li><p>Run <var>checkAncestor</var> given <var>newPopoverOrTopLayerElement</var>'s parent node
    within the <span>flat tree</span>.</p></li>
 
-   <li><p>Run <var>checkAncestor</var> given the result of running <span>get the anchor
-   element</span> given <var>newPopover</var>.</p></li>
+   <li><p>Run <var>checkAncestor</var> given the result of running <span>get an attribute by
+   name</span> given <var>newPopover</var> and <code data-x="attr-anchor">anchor</code>.</p></li>
 
    <li><p>Run <var>checkAncestor</var> given <var>invoker</var>.</p></li>
 

From 26a6ab38e57a1f609a87915da2653a35e3ab8a7d Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Thu, 11 Apr 2024 18:53:46 -0700
Subject: [PATCH 28/31] add comment to idl

---
 source | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source b/source
index b7e5d1f5a06..480e2c46c4a 100644
--- a/source
+++ b/source
@@ -11777,6 +11777,7 @@ interface <dfn interface>HTMLElement</dfn> : <span>Element</span> {
   boolean <span data-x="dom-togglePopover">togglePopover</span>(optional boolean force);
   [<span>CEReactions</span>] attribute DOMString? <span data-x="dom-popover">popover</span>;
 
+  // The anchor attribute
   [<span>CEReactions</span>] attribute Element? <span data-x="dom-anchorElement">anchorElement</span>;
 };
 

From b0be02a67541fee155c1c8fa5efe1faa199b75bb Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Thu, 11 Apr 2024 18:58:03 -0700
Subject: [PATCH 29/31] switch back to HTML elements

---
 source | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/source b/source
index 480e2c46c4a..7784cdd33e7 100644
--- a/source
+++ b/source
@@ -14022,8 +14022,9 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  <p>The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn>
-  attribute, if specified, must be the <span data-x="concept-ID">ID</span> of an element in the same
+  <p>If an <span data-x="HTML elements">HTML element</span> has an <dfn element-attr
+  for="html-global"><code data-x="attr-anchor">anchor</code></dfn> attribute specified, then that
+  attribute's value must be the <span data-x="concept-ID">ID</span> of an element in the same
   <span>tree</span> as the element with the <code data-x="attr-anchor">anchor</code> attribute. The
   <code data-x="attr-anchor">anchor</code> attribute allows authors to set a <span
   data-x="referenced">reference</span> to the <span>implicit anchor element</span>.

From f7c6b3644e1e6026ada3457a55053a9dfa460e65 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Thu, 18 Apr 2024 09:45:00 -0700
Subject: [PATCH 30/31] move up description sentence

---
 source | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/source b/source
index 7784cdd33e7..eea97f1382b 100644
--- a/source
+++ b/source
@@ -14022,13 +14022,12 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <h5>The <code data-x="attr-anchor">anchor</code> attribute</h5>
 
-  <p>If an <span data-x="HTML elements">HTML element</span> has an <dfn element-attr
-  for="html-global"><code data-x="attr-anchor">anchor</code></dfn> attribute specified, then that
-  attribute's value must be the <span data-x="concept-ID">ID</span> of an element in the same
-  <span>tree</span> as the element with the <code data-x="attr-anchor">anchor</code> attribute. The
-  <code data-x="attr-anchor">anchor</code> attribute allows authors to set a <span
-  data-x="referenced">reference</span> to the <span>implicit anchor element</span>.
-  <ref>CSSANCHOR</ref></p>
+  <p>The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn>
+  attribute allows authors to set a <span data-x="referenced">reference</span> to the <span>implicit
+  anchor element</span>. If an <span data-x="HTML elements">HTML element</span> has an <code
+  data-x="attr-anchor">anchor</code> attribute specified, then that attribute's value must be the
+  <span data-x="concept-ID">ID</span> of an element in the same <span>tree</span> as the element
+  with the <code data-x="attr-anchor">anchor</code> attribute. <ref>CSSANCHOR</ref></p>
 
   <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, its <span>implicit
   anchor element</span> is the result of running <span>get an attribute by name</span> given

From e1547884363790bba2cd73dec9654cf33233b28a Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Thu, 18 Apr 2024 09:57:03 -0700
Subject: [PATCH 31/31] use attr-label-for text

---
 source | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/source b/source
index eea97f1382b..ab7d7657bb0 100644
--- a/source
+++ b/source
@@ -14024,14 +14024,12 @@ background: transparent">blue&lt;/span>.&lt;/p></code></pre>
 
   <p>The <dfn element-attr for="html-global"><code data-x="attr-anchor">anchor</code></dfn>
   attribute allows authors to set a <span data-x="referenced">reference</span> to the <span>implicit
-  anchor element</span>. If an <span data-x="HTML elements">HTML element</span> has an <code
-  data-x="attr-anchor">anchor</code> attribute specified, then that attribute's value must be the
-  <span data-x="concept-ID">ID</span> of an element in the same <span>tree</span> as the element
-  with the <code data-x="attr-anchor">anchor</code> attribute. <ref>CSSANCHOR</ref></p>
-
-  <p>For an <span data-x="HTML elements">HTML element</span> <var>element</var>, its <span>implicit
-  anchor element</span> is the result of running <span>get an attribute by name</span> given
-  <var>element</var> and <code data-x="attr-anchor">anchor</code>.</p>
+  anchor element</span>.  If an <span data-x="HTML elements">HTML element</span> has an <code
+  data-x="attr-anchor">anchor</code> attribute specified, and there is an element in the
+  <span>tree</span> whose <span data-x="concept-id">ID</span> is equal to the value of the <code
+  data-x="attr-anchor">anchor</code> attribute, then the first such element in <span>tree
+  order</span> is the <span>implicit anchor element</span> of the element with the <code
+  data-x="attr-anchor">anchor</code> attribute. <ref>CSSANCHOR</ref></p>
 
   <p>The <dfn data-x="dom-anchorElement"><code>anchorElement</code></dfn> IDL attribute must
   <span>reflect</span> the <code data-x="attr-anchor">anchor</code> attribute.