dequelabs / dequelabs/cauldron
Pagination tooltips can overlap
- Dominant language
- TypeScript
- Stars
- 127
- Forks
- 31
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
Description
This can happen with any item that has tooltips that are closely adjacent to each other
## Steps to Reproduce
1. Tab over a tabstop that has a tooltip
2. Without hovering your mouse over the focused item, hover over a different element that has a tooltip
3. If the elements are close together, you should see an overlap
We should consider making these tooltips mutually exclusive, i.e. all other pagination tooltips get hidden if another tooltip is shown.
Contributor guide
Research direction
No files, tests, or entry points are named. Start by reproducing the overlap using the listed keyboard-focus and mouse-hover steps, then locate the pagination tooltip implementation. Done means adjacent tooltips no longer overlap because showing one hides the others.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react, typescript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100