v149 · Popover API · Tooltips

Tooltip Playground

Open an auto popover (a menu) and a hint popover (a tooltip) and experiment with their interaction. Chrome 149 changes how hints and autos coexist: hints no longer dismiss unrelated auto popovers, making menus-with-tooltips work naturally.

behaviour comparison

Before Chrome 149
Opening a hint tooltip dismissed any open auto popover — even unrelated ones. Tooltip on a menu item closed the menu.
Chrome 149+
A hint popover can open alongside an auto popover without dismissing it. Menu stays open; tooltip appears and disappears independently.

interactive demo

popover=hint (tooltip)
This hint should NOT close the menu above.

Open the menu and tooltip to see events…

the stacking model

/* Chrome 149: hint + auto can coexist */

/* A menu stays open when a hint opens: */
<button popovertarget="menu">Menu</button>
<div id="menu" popover="auto">…</div>

<button popovertarget="tooltip" popovertargetaction="show"
        onmouseleave="tooltip.hidePopover()">
  Hover me
</button>
<div id="tooltip" popover="hint">Tooltip text</div>

/* Clicking outside closes the menu (auto behaviour).
   The hint closes on its own (hover out / explicit close).
   The two don't interfere. */

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗