Skip to content

Tooltip: tooltip is not triggered when scrolling through a list #2845

@teidesu

Description

@teidesu

🐛 Bug report

/subj

💥 Steps to reproduce

  1. open repro linked above
  2. open the app in the new tab
  3. hover over one item, wait for the tooltip to appear
  4. scroll down
  5. notice how the &:hover styles get applied, but the tooltip is not shown until the next mouse move

💻 Link to reproduction

https://stackblitz.com/edit/pwrsqktr?file=src%2FApp.tsx,src%2FTooltip.tsx,src%2Findex.css

🧐 Expected behavior

tooltip is shown once scroll settles

🧭 Possible Solution

currently only pointermove is being listened for, adding a listener for pointerover seems to fix this:

-<button {...triggerProps}>{children}</button>
+<button {...triggerProps} onPointerOver={triggerProps.onPointerMove}>{children}</button>

🌍 System information

Software Version(s)
Zag Version 1.28.0
Browser Chrome 141
Operating System macOS

📝 Additional information

Screen.Recording.2025-11-14.at.02.31.42.mov

hovercard might be suffering from a similar issue, didn't test it

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions