Dropdown menus overlap with grid columns

0
Dear community,I am facing an issue with the Data grid 2 in Studio Pro 9.24.34, where the combo box dropdown is overlapping with the columns.KIndly help me with any solutions regarding this ,I have attached the image for reference.
asked
4 answers
0

Could you please reattach the screenshot? It looks like the image was not uploaded with the question.


The screenshot will help identify if this is a CSS/theme issue or a Data Grid 2 issue.

answered
0

Please find this image for reference

answered
0

Hi Kaviya


This is UI issue. Since your screenshot shows this is inside a modal/dialog, that's almost certainly the cause.The grid's parent container (scroll container, tab, popup/dialog) likely has overflow: hidden


if yes make it as visible. for example:

.mx-dialog .mx-datagrid,
.mx-popup .mx-datagrid,
.mx-window .mx-datagrid {
    overflow: visible !important;
}

.mx-dialog-body,
.mx-popup-content {
    overflow: visible !important;
}

if not then have z-index to fix the issue.

.mx-datagrid [class*="menuWrapper"],
.mx-datagrid [class*="comboBox"] [class*="menu"],
.mx-datagrid .dropdown-container {
    z-index: 9999 !important;
    position: fixed !important;
}

I hope this helps

answered
0

Still the same issue persists

answered