I have encountered an issue while testing the autocomplete component with virtual scroll enabled.
I think there is something wrong with the scrolling reset and the scroll container calculation. I suggest you use a more complex list of items while fixing the bug and not just a list of prefixed "item ".
Please check the steps to reproduce section for more details.
Environment
Prime NG demo component: https://primeng.org/autocomplete#virtualscroll
PrimeNG version: v16.3.1 (from your own demo page) or 16.0.2 (my locale environment version)
Angular version: 16
Reproducer
No response
Angular version
16.1.0
PrimeNG version
16.0.2
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
v19.7.0
Browser(s)
Chrome, FF
Steps to reproduce the behavior
CASE 1: broken display of suggestion list
1) Use Prime NG demo component: https://primeng.org/autocomplete#virtualscroll
2) Search after Item and then scroll down through the list of suggestions
3) Add 0 at the end after scrolling => the display is broken(you barely see the suggestion within the scrolling container)
4) Add 9 instead of 9, delete input and check different combinations
=> The display is broken sometimes. It helps scrolling through the list, in order to get back to the right behaviour.
CASE 2: inconsistent scroll area size.
1) Use Prime NG demo component: https://primeng.org/autocomplete#virtualscroll (Please refresh the page, or open it in a new tab)
2) Search after Item 0 => The list of suggestions shows one item and empty space.
3) Delete 0 and then add it again => The list of suggestions shows one item and no empty space.
Expected behavior
The list of suggestions should be visible to the user and the scrolling area size for the suggestion list should be consistent.(recalculated after the number of results).
Also, this workflow also should work when the showEmptyMessage option is enabled.
Please contact me if you need more input.
Describe the bug
Dear team,
I have encountered an issue while testing the autocomplete component with virtual scroll enabled. I think there is something wrong with the scrolling reset and the scroll container calculation. I suggest you use a more complex list of items while fixing the bug and not just a list of prefixed "item".
Please check the steps to reproduce section for more details.
Environment
Prime NG demo component: https://primeng.org/autocomplete#virtualscroll PrimeNG version: v16.3.1 (from your own demo page) or 16.0.2 (my locale environment version) Angular version: 16
Reproducer
No response
Angular version
16.1.0
PrimeNG version
16.0.2
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
v19.7.0
Browser(s)
Chrome, FF
Steps to reproduce the behavior
CASE 1: broken display of suggestion list 1) Use Prime NG demo component: https://primeng.org/autocomplete#virtualscroll 2) Search after Item and then scroll down through the list of suggestions 3) Add 0 at the end after scrolling => the display is broken(you barely see the suggestion within the scrolling container) 4) Add 9 instead of 9, delete input and check different combinations => The display is broken sometimes. It helps scrolling through the list, in order to get back to the right behaviour.
CASE 2: inconsistent scroll area size. 1) Use Prime NG demo component: https://primeng.org/autocomplete#virtualscroll (Please refresh the page, or open it in a new tab) 2) Search after Item 0 => The list of suggestions shows one item and empty space. 3) Delete 0 and then add it again => The list of suggestions shows one item and no empty space.
Expected behavior
The list of suggestions should be visible to the user and the scrolling area size for the suggestion list should be consistent.(recalculated after the number of results). Also, this workflow also should work when the showEmptyMessage option is enabled. Please contact me if you need more input.