IgrGrid & IgrSelect - The drop-down list of the IgrSelect appears under the Row Edit Overlay of the IgrGrid
jsakamotoIGJP opened this issue · comments
Description
When the user implemented and ran a React web app that has the IgrGrid which enabled row editing and customized with the cell edit template including the IgrSelect, the drop-down list of the IgrSelect was overlapped by the row edit overlay only if the number of rows of the grid was less than 3. It worked as expected if the number of rows equals or exceeds 3.
(This issue comes from the Ignite UI for WebComponents. See also: IgniteUI/igniteui-webcomponents#1076 )
Steps to reproduce
- Run the sample React app I attached to this issue.
- The web page will have a grid component with 3 rows.
- Delete 1 row in that grid component using the action strip.
- Enter row edit mode by double-clicking any cells.
- the second column in edit mode shows a selection component.
- Click the drop-down button of that selection component.
Result
The drop-down list of the IgrSelect appeared under the Row Edit Overlay of the IgrGrid.
Expected result
The drop-down list of the IgrSelect should always appear in front of the Row Edit Overlay of the IgrGrid, whatever the number of rows is.
Attachments
2024-02-21_13h06_03.mp4
Closing in favor of the Web Components issue that will be automatically included in React once resolved.