primefaces / primefaces/primereact
MultiSelect - Keyboard Control Not Working Properly
@Luko248 is already working on this.
Since Oct 24, 2025.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
There is a bug with the keyboard control of the MultiSelect component. The keyboard navigation only partially works, as shown in the attached GIF. When the "chips" variant is enabled, I am unable to focus on individual checkboxes using the keyboard. I can select the parent checkbox that selects all options, but I cannot select individual options. The focus only highlights the parent element that wraps the individual checkboxes.
Reproducer
System Information
Environment
primereact: 10.9.6
react: 18.3.1
react-dom: 18.3.1
System Informations
OS: macOS Sequoia 15.5
Processor: M3 Pro
Memory: 18 GB
Node.js: v22.16.0
Steps to reproduce the behavior
Enable the "chips" variant on the MultiSelect component.
Attempt to navigate through the checkboxes using the keyboard.
Observe that the focus only reaches the parent checkbox and not the individual checkboxes.
Expected behavior
Using the keyboard, I should be able to control the entire component, not just a part of it. I should be able to focus on and select individual checkboxes.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.