Component: PickList element selection problem after filtering with ScrollBar

[dylanbehetre]

Describe the bug

Given a PickList with:

• enough data in the source to maintain a scrollbar after filtering;
• filtering on certain characters to filter but maintain a scrollbar after filtering;

When clicking on an item in the Source PickList in the second half of the list, then no item is selected and the scrollbar moves much lower.

Environment

Using Angular and PrimeNG in 16.0.2 version.
Using Chrome in last Version : 122.0.6261.112 (64 bits)

Reproducer

https://stackblitz.com/edit/28glhw?file=src%2Fservice%2Fproductservice.ts

Angular version

16.2.0

PrimeNG version

16.0.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

V20.10.0

Browser(s)

Chrome 122.0.6261.112 (64 bits)

Steps to reproduce the behavior

1. Click on filtering input element of Available section of PickList ;
2. Write 'b' ;
3. Try to select "Green Earbuds" ;
4. See the Hoover style go on "Yellow Earbuds" instead without selecting any item

Expected behavior

I expect selection of item "Green Earbuds"