Technical review: Document interest invokers

[chrisdavidmills]

Description

Chrome 142 adds support for interest invokers: see https://chromestatus.com/feature/4530756656562176.

This PR aims to document all features of interest invokers. Specifically, it will add:

• A listing of all the interest invoker features on the popover API landing page (it really feels like it is part of this API, although I appreciate it has use cases outside popovers). If this isn't appropriate, I can quite easily separate it out.
• An interest invokers guide.
• Reference pages for the interestfor attribute, which is available on the <a>, <button>, <area>, and SVG <a> elements.
• A ref page for the :interest-source pseudo-class.
• A ref page for the :interest-target pseudo-class.
• Ref pages for the interest-delay, interest-delay-start, and interest-delay-end properties.
• Ref pages for the interestForElement property, which is available on the HTMLButtonElement, HTMLAnchorElement, HTMLAreaElement, and SVGAElement interfaces.
• Ref pages for the interest and loseinterest events, which are fired on the HTMLElement interface.
• Ref pages for the InterestEvent interface.

Motivation

Additional details

Related issues and pull requests

[github-actions]

Preview URLs (25 pages)

• /en-US/docs/Web/API/HTMLAnchorElement/interestForElement
• /en-US/docs/Web/API/HTMLAnchorElement
• /en-US/docs/Web/API/HTMLAreaElement/interestForElement
• /en-US/docs/Web/API/HTMLAreaElement
• /en-US/docs/Web/API/HTMLButtonElement/interestForElement
• /en-US/docs/Web/API/HTMLButtonElement
• /en-US/docs/Web/API/HTMLElement/interest_event
• /en-US/docs/Web/API/HTMLElement/loseinterest_event
• /en-US/docs/Web/API/HTMLElement
• /en-US/docs/Web/API/InterestEvent/InterestEvent
• /en-US/docs/Web/API/InterestEvent/source
• /en-US/docs/Web/API/InterestEvent
• /en-US/docs/Web/API/Popover_API/Interest_invokers
• /en-US/docs/Web/API/Popover_API/Using
• /en-US/docs/Web/API/Popover_API
• /en-US/docs/Web/API/SVGAElement/interestForElement
• /en-US/docs/Web/API/SVGAElement
• /en-US/docs/Web/CSS/Guides/Basic_user_interface
• /en-US/docs/Web/CSS/Reference/Properties/interest-delay-end
• /en-US/docs/Web/CSS/Reference/Properties/interest-delay-start
• /en-US/docs/Web/CSS/Reference/Properties/interest-delay
• /en-US/docs/Web/HTML/Reference/Elements/a
• /en-US/docs/Web/HTML/Reference/Elements/area
• /en-US/docs/Web/HTML/Reference/Elements/button
• /en-US/docs/Web/SVG/Reference/Element/a

Flaws (92)

Note! 14 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/HTMLAreaElement
Title: HTMLAreaElement
Flaw count: 1

• macros:
  • Can't resolve /en-US/docs/Web/API/HTMLAreaElement/noHref

---

URL: /en-US/docs/Web/API/Popover_API
Title: Popover API
Flaw count: 4

• macros:
  • Macro produces link /en-US/docs/Web/CSS/::backdrop which is a redirect
  • Can't resolve /en-US/docs/Web/CSS/:interest-source
  • Can't resolve /en-US/docs/Web/CSS/:interest-target
  • Macro produces link /en-US/docs/Web/CSS/:popover-open which is a redirect

---

URL: /en-US/docs/Web/API/Popover_API/Interest_invokers
Title: Using interest invokers
Flaw count: 12

• macros:
  • Macro produces link /en-US/docs/Web/CSS/display which is a redirect
  • Can't resolve /en-US/docs/Web/CSS/:interest-source
  • Can't resolve /en-US/docs/Web/CSS/:interest-target
  • Macro produces link /en-US/docs/Web/CSS/background-color which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/position-area which is a redirect
  • and 7 more flaws omitted

---

URL: /en-US/docs/Web/API/Popover_API/Using
Title: Using the Popover API
Flaw count: 19

• macros:
  • Macro produces link /en-US/docs/Web/CSS/display which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/appearance which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:popover-open which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:popover-open which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/::backdrop which is a redirect
  • and 14 more flaws omitted

---

URL: /en-US/docs/Web/CSS/Guides/Basic_user_interface
Title: CSS basic user interface
Flaw count: 26

• macros:
  • Macro produces link /en-US/docs/Web/CSS/outline which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/outline-offset which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/accent-color which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/caret-color which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/cursor which is a redirect
  • and 21 more flaws omitted

---

URL: /en-US/docs/Web/CSS/Reference/Properties/interest-delay
Title: interest-delay
Flaw count: 7

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/interest-delay-start
  • /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#curly_braces is a redirect
  • /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#single_bar is a redirect
  • /en-US/docs/Web/CSS/time is a redirect
• macros:
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect

---

URL: /en-US/docs/Web/CSS/Reference/Properties/interest-delay-end
Title: interest-delay-end
Flaw count: 4

• broken_links:
  • /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#single_bar is a redirect
  • /en-US/docs/Web/CSS/time is a redirect
• macros:
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect

---

URL: /en-US/docs/Web/CSS/Reference/Properties/interest-delay-start
Title: interest-delay-start
Flaw count: 4

• broken_links:
  • /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#single_bar is a redirect
  • /en-US/docs/Web/CSS/time is a redirect
• macros:
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/time which is a redirect

---

URL: /en-US/docs/Web/HTML/Reference/Elements/a
Title: <a>: The Anchor element
Flaw count: 4

• macros:
  • Macro produces link /en-US/docs/Web/CSS/margin which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:link which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:visited which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:any-link which is a redirect

---

URL: /en-US/docs/Web/HTML/Reference/Elements/button
Title: <button>: The Button element
Flaw count: 6

• macros:
  • Macro produces link /en-US/docs/Web/CSS/::after which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/::before which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/margin which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:focus-visible which is a redirect
  • Macro produces link /en-US/docs/Web/CSS/:focus which is a redirect
  • and 1 more flaws omitted

---

URL: /en-US/docs/Web/SVG/Reference/Element/a
Title: <a>
Flaw count: 5

• macros:
  • Macro produces link /en-US/docs/Web/SVG/Element which is a redirect
  • Macro produces link /en-US/docs/Web/SVG/Element which is a redirect
  • Macro produces link /en-US/docs/Web/SVG/Element which is a redirect
  • Macro produces link /en-US/docs/Web/SVG/Element which is a redirect
  • Macro produces link /en-US/docs/Web/SVG/Element which is a redirect

External URLs (1)

URL: /en-US/docs/Web/API/Popover_API
Title: Popover API

• https://mdn.github.io/dom-examples/popover-api/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-11-20 17:49:34)