IdsDataGrid: Filters jump to wrong position when the grid is displayed inside of an ids-modal

[mecharmor]

Describe the bug
The ids-data-grid component is loaded from within an ids-modal and when that is observed we will see that the toggle able filters are not at the correct positioning.

To Reproduce

1. Embed the ids-data-grid component inside ids-modal
2. open the modal
3. observe your table is shown and click on any filter option

Steps to reproduce the behavior. Use the following code and render any data grid content like this:

<ids-modal id="my-modal-id>
      <ids-data-grid
         id="my-table"
         label="my-table"
         row-height="xs"
         filterable="true"
     ></ids-data-grid>
</ids-modal>

Expected behavior
The filter option should work in the same manner it already does but without the positioning in an incorrect placement

Version
From the package.json
"ids-enterprise-wc": "^1.0.0-beta.17",

Screenshots
Expected:

Actual:

Platform

• Infor Application/Team Name: N/A
• OS Version: Mac OS Ventura
• Browser Name: Chrome
• Browser Version: Version 120.0.6099.129 (Official Build) (x86_64)

Additional context
Add any other context about the problem here.

[ShwetaKhera]

@tmcconechy This issue is also noticed when ids-menu-button, ids-popup-menu are used inside ids-splitter component.