Popovers and tooltips should remain open when content is hovered
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.6k
- Avg merge
- 7h 19m
- Merged PRs (30d)
- 35
Description
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
Per https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus,
If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;
I use popovers on certain links with trigger: 'hover focus', which makes them covered under that guideline. Unfortunately there is no support for persisting a popover when the popover content receives hover. I have taken a crack at using manual triggers to achieve this, but given that it is explicitly called for in WCAG guidelines, it seems like this should at least be configurable if not default behavior.
The same non-compliant behavior applies to tooltips as well that are triggered by hover.
Reduced test cases
No test case as this is easily demonstrable on all hover triggered popovers and tooltips (such as https://getbootstrap.com/docs/5.3/components/tooltips/#directions)
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
5.3.8
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 reproducing the hover-triggered popover and tooltip behavior described in the Bootstrap documentation, then review the relevant component entry points. Done means content remains open while the pointer is over it, with the behavior configurable or applied as appropriate and verified for both popovers and tooltips.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100