[css-anchor-position-1][editorial] Mention Popover a few more times

tabatkins · tabatkins · commit 81d15e9d6826 · 2025-09-26T13:04:14.000-07:00
diff --git a/css-anchor-position-1/Overview.bs b/css-anchor-position-1/Overview.bs
@@ -110,6 +110,23 @@ to find the “best” one that avoids overlap/overflow.
 		max-inline-size: 20em;
 	}
 	</pre>
+
+	Note that using the [[#the-popover-attribute|Popover API]]
+	will automatically set 'position' and create the anchoring relationship
+	without setting 'anchor-name' or 'position-anchor' value
+	(by defining an [=implicit anchor=]),
+	so those properties wouldn't need to be explicitly set again.
+	So with the correct markup, this example can be simplified to:
+
+	<pre class=lang-css>
+	.tooltip {
+		/* Using the popover + popovertarget attributes sets 'position: fixed'
+		   and creates the necessary position-anchor relationship already. */
+		position-area: block-start;
+		position-try: flip-block;
+		max-inline-size: 20em;
+	}
+	</pre>
 </div>
 
 <h3 id="values">
@@ -2374,14 +2391,16 @@ both existing and upcoming,
 allow establishing such connections explicitly,
 so that non-visual user agents can also benefit.
 
-For example, the Popover API in HTML
+For example, the [[#the-popover-attribute|Popover API in HTML]]
 automatically links the invoker button
 to the popover element,
 including automatically adjusting tabbing order;
 it <em>also</em> establishes the invoker button
 as the [=implicit anchor element=] for the popover,
 making it easy to use Anchor Positioning as well.
 
+Issue: Add a popover example.
+
 In more general cases,
 ARIA features such as
 the <a href="https://w3c.github.io/aria/#aria-details"><code>aria-details</code></a>
