demo · v133

interestfor

Hover or keyboard-focus a control with interestfor="id" and the target popover opens — declaratively. No JS hover listeners, no setTimeout delay code. Try mouse, keyboard, and touch.

Behind a flag in Chrome 133. Enable chrome://flags/#html-invokers if the support line below says no. The popovers still toggle via JS fallback for visibility.
Paris — capital of France. Pop. ~2.1M.
London — capital of the UK. Pop. ~9M.
Tokyo — capital of Japan. Pop. ~13.9M.

checking support…

the HTML

<button interestfor="tip-1">paris</button>
<div popover id="tip-1">Paris — capital of France.</div>

see also