Custom Dropdown Overlapping in Datagrid2 with Dynamic Content and Virtual Pagination

  Issue Description: In our application, we have observed that when a column is set to dynamic content and contains a custom dropdown control, a problem arises. Specifically, when the dropdown menu list expands, the last row in Datagrid2 experiences an overlap with the parent Datagrid2. This issue is particularly pronounced when the properties of Datagrid2 are configured for 'virtual pagination'.   Observed Behavior: Despite customizing the CSS style of the dropdown control to include a higher z-index value, the dropdown list still gets obscured by the parent Datagrid2. This overlap severely hampers the usability and readability of the interface, affecting the overall user experience.   Expected Behavior: We expect that the custom dropdown control's expanded menu list should not overlap with the parent Datagrid2. Even with 'virtual pagination' enabled, the dropdown list should maintain its distinct visual hierarchy and remain unaffected by the expanding Datagrid2.   Steps to Reproduce: Enable 'dynamic content' option for a column in Datagrid2. Add a custom dropdown control to the column. Populate the dropdown with sufficient data to expand the dropdown menu list. Enable 'virtual pagination' properties for Datagrid2. Observe the last row in Datagrid2 when the dropdown menu list expands.   Additional Information: The issue persists despite our attempts to modify the z-index value through customized CSS styles. We have tested this behavior across browsers (Google Chrome & Microsoft Edge) using the latest Mendix Studio Pro 10.1.1, and the problem remains consistent.  I have prepared a demo application that showcases this issue incase anyone want to download .mpk package for your investigation purposes. The download link is provided below:
0 answers