Component: Autocomplete with long list of options adds scrollbar to the whole page

[tsinevik]

Describe the bug

If Autocomplete has a long list of options then the scrollbar will appear on the whole page and it is possible to scroll the page while overlay is opened. The scrollbar should appear only inside dropdown list.

Environment

Any environment

Reproducer

https://stackblitz.com/edit/fzpufg?file=src%2Fapp%2Fdemo%2Fautocomplete-basic-demo.html,src%2Fapp%2Fdemo%2Fautocomplete-basic-demo.ts

Angular version

17.0.0

PrimeNG version

17.0.0-rc.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

https://stackblitz.com/edit/fzpufg?file=src%2Fapp%2Fdemo%2Fautocomplete-basic-demo.html,src%2Fapp%2Fdemo%2Fautocomplete-basic-demo.ts

1. While autocomplete is not active the page is not scrollable
2. Focus autocomplete and type any symbol
3. Dropdown will be displayed with scrollbars both inside dropdown list as well as on the page
4. The whole page is scrollable

Expected behavior

The page should not be scrollable when dropdown is displayed. Only the list inside dropdown should be scrollable.