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.
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
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.