HTML Tooltips

TLDR

  • Some recent APIs (the popover element with anchor positioning) have gotten us closer, but we're still not fully there.

  • Some planned APIs seem like they will get us all the way there. What Una Kravets' talk on Hover Cards at Google IO 2025.

Where we're at

Facet
Comment

Activates on hover

Not currently possible without JS

Supports CSS-transform based animate-in and animate-out

Only animate-out supported

Tooltip stays open while interacting with

✅

Tooltip repositions in response to window resizing

✅

Example

This shows a limited example of using anchor positioning which in this case only responds to click, not hover.

Where we're heading

Skip to 37:52 where Una talks about interesttarget - what she is referring to as "Hover Cards" is what we're referring to as HTML Tooltips.

PreviousPlain Text TooltipsNextAccordions

Last updated