Toggle Popover on click and hover
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Provide a general summary of the feature here
Add the ability to display Popover simultaneously on hover and on click
### 🤔 Expected Behavior?
Displayed by click and hover
### 😯 Current Behavior
It is displayed only by click
### 💁 Possible Solution
_No response_
### 🔦 Context
In conventional js frameworks such as Bootstrap or UIKit, it has always been possible to open Popover or Tooltip or Dropdow simultaneously using a hover and a click. And it works great on all devices. I don't understand why you decided that opening Popover is possible only by clicking, and opening Tooltip only by hover, which makes it useless on a mobile device.
### 💻 Examples
https://getbootstrap.com/docs/5.3/components/popovers/
https://getuikit.com/docs/drop
A great example of a Popover reaction component from Mantine
https://mantine.dev/core/popover/
### 🧢 Your Company/Team
_No response_
### 🕷 Tracking Issue
_No response_
Contributor guide
Research direction
Start by locating the Popover component and its existing click-trigger behavior, then review the Bootstrap, UIKit, and Mantine examples linked in the issue. Done means the Popover can be displayed through both hover and click while preserving the expected behavior on mobile devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100