twbs / twbs/bootstrap

Popovers and tooltips should remain open when content is hovered

Open
#42,065 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

accessibility js
Dominant language
MDX
Stars
175k
Forks
78.6k
Avg merge
7h 19m
Merged PRs (30d)
35

Description

Prerequisites
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.