demo · v133
Hints coexist with menu popovers
The whole reason popover=hint got its own value: a hovering tooltip does not close an open auto-popover menu. Pop the menu open, hover the "help" button inside it — the menu stays.
← click first
Saves the current file. Cmd+S.
auto menu state
hint state
—
two stacking lanes
Popover light-dismiss closes the topmost auto popover when something outside the stack happens. If a tooltip counted as an auto popover, every tooltip would close the menu it was inside — not a tooltip at all. popover=hint has its own stacking lane: opening a hint doesn't close autos, and closing an auto doesn't close hints. The trade-off: at most one hint can be open at a time.
<button popovertarget="menu">open</button>
<div id="menu" popover="auto">…items…
<button popovertarget="tip" popovertargetaction="show">help</button>
</div>
<div id="tip" popover="hint">Saves the current file. Cmd+S.</div>