Interest Invokers and Command Attribute

The Open UI group is standardizing two new HTML attributes — command for click-triggered actions, and interesttarget for hover/focus-triggered "interest" (the basis of tooltips and previews). Both extend HTML with declarative behaviors that have traditionally required JavaScript.

A button with command="show-modal" and commandfor="dialog-id" shows a dialog without any JS — replacing manual dialog.showModal() calls. Other commands: command="close", command="toggle-popover", command="show-popover".

The initial set targets common UI patterns: showing/hiding dialogs (built-in <dialog>), toggling popovers (Popover API), and may grow over time. Custom elements can declare which commands they accept via oncommand event handlers.

Beyond built-in commands, the spec allows custom command strings starting with "--". The target element receives a command event you can handle in JS: el.addEventListener("command", (e) => { if (e.command === "--save") save(); }).

The interesttarget attribute marks an element's "interest" target — typically a tooltip that appears on hover or focus. The browser handles the timing (300ms hover-intent delay), positioning (with anchor positioning), and dismissal automatically.

The hint popover mode is designed for tooltip-style popovers that appear on interest. They are non-modal, do not steal focus, and dismiss when interest leaves. The combination of interesttarget + popover="hint" gives you a native tooltip in two HTML attributes.

Native dialogs handle focus trapping; native popovers handle stacking; native interest invokers handle the hover-intent timing and announce relationships to screen readers. Replacing custom JS implementations with these declarative primitives reliably improves accessibility quality.

These features are still being standardized. The exact attribute names and command set may change. Browser implementations are appearing in Chromium first. Production use should wait until naming stabilizes and at least two browsers ship — likely within the next year or two.

Each of these features replaces JavaScript that has been written and rewritten millions of times: dialog management, popover triggers, tooltip behavior. Moving these patterns into HTML reduces page weight, improves consistency, and lets the browser apply optimizations.

The Open UI community group (open-ui.org) drives much of this work — proposing, prototyping, and shepherding new HTML elements and attributes through the standards process. Watch their blog for the latest proposals.

command, interesttarget, popover, dialog, anchor positioning, view transitions, and customizable selects are all part of one coherent push to bring component-library patterns into the platform. Each individually is small; together they represent the largest expansion of HTML's UI vocabulary in years.

Track the proposals (open-ui.org), experiment in Chromium with flags enabled, plan to adopt as features stabilize. Audit your existing codebase: count how much JS is dedicated to dialog/popover/tooltip plumbing. That code is targeted for replacement within a few releases.

What is the purpose of the command attribute on a button?

Two emerging features expand HTML's declarative UI vocabulary: command + commandfor for click-triggered actions (show modal, toggle popover) and interesttarget + popover="hint" for hover/focus-triggered tooltips. Both replace common JavaScript patterns with HTML attributes, improving accessibility and reducing bundle size. Still evolving; track Open UI for stabilization and ship as browser support arrives.