Hi team,
Hope you had a great weekend.
I am using “agSelectCellEditor” in my ag-grid, as follows:
column_defs = [{'headerName': 'Fund',
'field': 'PortfolioCode',
'cellEditor': 'agSelectCellEditor',
'editable': {"function": "params.node.rowPinned === 'top'"},
'singleClickEdit' : True,
'cellEditorParams': {
'values': fund_dd,
'allowTyping': True,
'filterList': True,
'highlightMatch': True,
'valueListMaxHeight': 120
}},
{'headerName': 'Benchmark',
'field': 'EagleBenchmarkId',
'cellEditor': 'agSelectCellEditor',
'singleClickEdit' : True,
'editable': True,
'cellEditorParams': {
'values': benchmark_dd,
'allowTyping': True,
'filterList': True,
'highlightMatch': True,
'valueListMaxHeight': 120
}}]
license_key = os.getenv('AG_GRID_ENTERPRISE')
return dag.AgGrid(
id="fund-modal-grid",
enableEnterpriseModules=True,
licenseKey=license_key,
rowData=existing_fund_benchmark,
columnDefs=column_defs,
columnSize="sizeToFit",
getRowStyle= {
"styleConditions": [
{
"condition": "params.node.rowPinned === 'top'",
"style": { 'font-weight': 'bold', 'font-style': 'italic' } ,
}
],
"defaultStyle": {'color': 'black'},
},
dashGridOptions= {
"pinnedTopRowData": [{}],
"defaultColDef": {
"flex": 1,
"valueFormatter": {"function": "isEmptyPinnedCell(params) ? createPinnedCellPlaceholder(params): undefined"}
},
})
The issue is when I expand the drop down, I can scroll the vertical scrollbar using my mouse, but I cannot drag the scrollbar. As soon as I click on the scrollbar to drag it, all the drop down goes away.
Any thoughts appreciated.
Thanks,