[Tooltip] Stays visible when scrolling away
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
Steps:
- Open this link to live example
- Hover over one of the tooltips in the Last Name column
- Scroll away (without moving the mouse)
- You'll notice the tooltip stays open
Current behavior
The tooltip stays open on scroll .
Expected behavior
The tooltip should close when scrolled away from.
Context
We are using a tooltip inside of a data grid. When a user hovers the tooltip, we have an api call that happens to populate the it's contents. This call takes milliseconds to complete. When a user hovers the tooltip, and scrolls in the Datagrid, the tool tip stays open even though the user's cursor is no longer hovering the tooltip.
Order ID: 80452
Your environment
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Search keywords: Tooltip, stays open, tooltip hover
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the StackBlitz example in LastName.js and reproduce the issue by hovering a tooltip, then scrolling without moving the pointer. Compare the current behavior with the expected close-on-scroll behavior. Done means the tooltip closes when scrolling moves it away from the cursor, while preserving the documented hover behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100