primefaces / primefaces/primereact
ToolTip: When 'focus' and 'hover' events happen at the same time, tooltips are getting overlapped
Open
Nobody has claimed this yet.
Type: Bug
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When 'focus' and 'hover' events happen at the same time for an icon and if we hover on the other icon, the tooltips get overlapped making it hard to read. This happens when the icons are too close.
Reproducer
No response
PrimeReact version
10.2.1
React version
17.x
Language
TypeScript
Build / Runtime
Create React App (CRA)
Browser(s)
All browsers
Steps to reproduce the behavior
No response
Expected behavior
No response
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 by locating the Tooltip component and reproducing the focus-and-hover interaction described in the issue with two closely spaced icons. Check how simultaneous events leave multiple tooltips visible; done means the tooltips no longer overlap when moving between nearby icons, with coverage for the reported interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100