IdsDataGrid: Filter operator popup and datepicker/timepicker popup invisible

[ShwetaKhera]

Describe the bug Filter operator popup and datepicker/timepicker popup invisible when data-grid component lies inside 2nd splitter pane

To Reproduce

Steps to reproduce the behavior:

In ids angular examples, navigate to ids-data-grid/demos/example and add following:

HTML

<ids-splitter
        resizeOnDragEnd="false"
        axis="y"
        class="canvas-preview-splitter"
>
    <ids-splitter-pane >
        <ids-data-grid #dataGrid id="data-grid-1" row-selection="multiple" label="Books" row-height="md"></ids-data-grid>

    </ids-splitter-pane>
    <ids-splitter-pane >

    <ids-data-grid #dataGrid2 id="data-grid-2" row-selection="multiple" label="Books" row-height="md"></ids-data-grid>
    </ids-splitter-pane>
</ids-splitter>

TS: Add same columns and rows for both datagrid. Keep atleast one formatter and filter as date. Run using 'npm start' and open http://localhost:4200/ids-data-grid/example Open datepicker in first data-grid. Now open datepicker in 2nd data-grid. Notice the position of popup

Expected behavior Filter operator popup and datepicker/timepicker popup should work similarly in both the splitter panes

Version

• ids-enterprise: v1.2.0 Screenshots

Platform

• Infor Application/Team Name: Infor Birst
• Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
• OS Version: [e.g. Windows 10 or iOS 8]
• Browser Name: [e.g. chrome, safari, stock browser]
• Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context Add any other context about the problem here.