IdsPagerDropdown: Popup menu placement is incorrect when used in a angular app using 4.x components

[pwpatton]

Describe the bug When using an IdsPagerButton popupmenu the popupmenu placement is incorrect when scrolling to the IdsPagerButton. In our angular app built on 4.x we are using body div.page-container. That .page-container seems to be the issue.

popup-menu-placement-issue.zip

To Reproduce Steps to reproduce the behavior:

1. Place the attached example and extract the contents into ids-data-grid/demos - this will overwrite the side-by-side.html and ts files.
2. Run the web component demo app
3. Click data grid examples and side-by-side demo
4. Size the browser so that the vertical scroll bar is present.
5. Scroll down to the pager dropdown button and click

Notice the page size popup menu isn't placed by the ids-pager-dropdown button

Expected behavior Popup menu should display above the ids-pager-dropdown button

Version

• latest web components

Screenshots

Platform

• Infor Application/Team Name: Landmark
• OS Version: Windows 11
• Browser Name: Chrome
• Browser Version: Latest

Additional context Add any other context about the problem here.