Instant Tooltip Succession

Something native UIs get right that most web tooltips don't.

This is something we take so much for granted in modern-day native UIs. But it's not the same for most web-based tooltips.

Hover VS Code's/Cursor's toolbar icons. The first tooltip waits - then every subsequent one is instant. Native UIs do this everywhere. It just feels right.

On the web, often you can find tooltip implementations that have the full delay on every single hover. It feels sluggish and disconnected.

Interactive demo - hover across the buttons

Instant succession

The concept is simple: once the user has “committed” to reading tooltips, the delay is no longer needed. Track when the last tooltip closed. If a new hover comes in quickly enough, skip the wait.

With @radix-ui/react-tooltip, this is already built in.

Newsletter

Stay updated with my latest articles and projects. No spam, no nonsense.