primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.72k stars 1.02k forks source link

Multiselect: All items at the same index in a group are marked focused #6678

Open samh0lmes opened 4 months ago

samh0lmes commented 4 months ago

Describe the bug

This is the same issue with the dropdown that was just fixed (See https://github.com/primefaces/primereact/issues/6417). It is also (still) happening with the grouped multiselect component.

image

Thank you! :)

Reproducer

https://stackblitz.com/edit/vitejs-vite-1u4ahw?file=src%2FApp.tsx

PrimeReact version

10.6.6

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 124

Steps to reproduce the behavior

  1. Add a grouped multiselect with at least 2 groups
  2. Hover over first item in first group
  3. See that the first item in both groups is highlighted

Expected behavior

Only the hovered over item is highlighted

sebasdeweert commented 4 hours ago

@melloware Any updates for this issue? The p-focus still exists in all groups.

Screenshot 2024-10-05 at 14 37 59