primefaces / primefaces/primereact

MultiSelect - Keyboard Control Not Working Properly

Open
#8,102 5 comments 0 reactions 1 assignee View on GitHub

@Luko248 is already working on this.

Since Oct 24, 2025.

Component: Accessibility
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

Image

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.