adobe / adobe/react-spectrum

Toggle Popover on click and hover

Open
#5,535 7 comments 0 reactions 0 assignees View on GitHub
Overlays
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.