Dropdown: Additional case where dropdown causes panel to scroll

[rosenthalj]

Describe the bug

Similar to issue #14039 which was fixed in v16.7.2 by pull request #14040

This is just another special dropdown component case.

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 "CENTER" of the visible region.

The video demonstrates the problem

DropdownScrollIssue.mov

Environment

mac os and windows

Reproducer

https://stackblitz.com/edit/nkd8th-jtv6xj

Angular version

16.x

PrimeNG version

16.7.2

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

1. Run the reproducer: https://stackblitz.com/edit/nkd8th-jtv6xj
2. Use the scroll bar to scroll the red rectangle out of view
   --> Only the yellow rectangles and the dropdown are visible
3. Click on dropdown
   --> The panel will automatically scroll and center the dropdown

Expected behavior

The panel should not scroll