Feature Request: Click the already-focused ComboBox input to toggle the open state.
- 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
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