adobe / adobe/react-spectrum

Feature Request: Click the already-focused ComboBox input to toggle the open state.

Open
#9,552 3 comments 0 reactions 0 assignees View on GitHub
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

One option is to always open the popover on click. Another option is to toggle it—close it when it’s open, and open it when it’s closed.

Always opening on click is easier to implement in user code, while toggling is comparatively more tricky—you need to make sure it doesn’t toggle twice when the input receives focus and is clicked.

### 🤔 Expected Behavior?

Clicking the input should toggle the open state.

### 😯 Current Behavior

It doesn’t do anything.

### 💁 Possible Solution

_No response_

### 🔦 Context

**Behavior in other open-source projects:**

**Toggle:**
https://react-select.com/home
https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/
**Always open:**
https://base-ui.com/react/components/combobox
https://ariakit.org/components/combobox

### 💻 Examples

_No response_

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the ComboBox input and its focus/open-state handling in the repository, then compare the referenced toggle and always-open behaviors. Done means clicking an already-focused input produces the chosen open-state behavior without toggling twice when focus and click occur together.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 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.