Skip to content

[Bug]: Tooltip doesn't close if mouse is moved quickly on tooltip content or the space between trigger and tooltip #2598

@semiaddict

Description

@semiaddict

Environment

Developement/Production OS: macOS 15.7.1
Node version: 22.18.0
Package manager: npm@11.8.0
Reka UI version: 2.9.6
Vue version: 3.5.31
Nuxt version: N/A
Nuxt mode: N/A
Nuxt target: N/A
CSS framework: N/A
Client OS: macOS 15.7.1
Browser: Firefox 149.0.2

Link to minimal reproduction

https://reka-ui.com/docs/components/tooltip#tooltip

Steps to reproduce

  1. Hover over a tooltip trigger
  2. Wait for the tooltip to appear
  3. Move mouse cursor onto tooltip content or space between trigger and tooltip (need to do so faster than the hide duration of the tooltip)
  4. Notice that the tooltip stays visible as long as the cursor stays there

Describe the bug

When multiple tooltip triggers are stacked one over the other (such as in a table), an open tooltip can hinder access to the elements below it as it stays open if the cursor is moved on its content fast enough.

Expected behavior

Hovering over the tooltip's content should not stop the tooltip from hiding.

Context & Screenshots (if applicable)

Tooltip.hover.bug.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingneed-reproductionIssue is lacking reproduction. Will be close if not provided.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions