Dropdown: In PrimeNG 16.7.1 interacting with dropdown causes panel to scroll #14039
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
If a horizontal scroll bar is present, when a user clicks on the dropdown component or uses the mouse key to navigate the dropdown menu options, the panel containing the dropdown will scroll to the beginning of the visible region.
This is a similar to issue #13390 that was fixed on September 26th.
The first video demonstrates the problem when the user clicks on the dropdown to open and then clicks on the dropdown's "down carrot icon" to close.
DropdownScrollAfterClick.mov
The second video demonstrates the scrolling problem when the user navigates the dropdown menu options using only the keyboard .
DropdownScrollAfterKeyboardNavigation.mov
Environment
mac os and windows os
Reproducer
https://stackblitz.com/edit/nkd8th
Angular version
16.x
PrimeNG version
16.7.1
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.18.1
Browser(s)
safari, chrome, firefox
Steps to reproduce the behavior
To reproduce the mouse click problem
To reproduce the keyboard problem
Expected behavior
The panel containing the dropdown should not scroll
The text was updated successfully, but these errors were encountered: