Hello
we are working with combo field and facing the issue. The issue is if the combo item list is empty and when we edit the field and search for any record it will display the error message but also freeze the complete grid. We are not able to leave this field, and the complete grid becomes unresponsive.
const cityCombo = {
type : 'combo',
multiSelect : true,
items : [],
};
const grid = new Grid({
appendTo : 'container',
minHeight : '20em',
columns : [
{
text : 'City',
field : 'city',
flex : 1,
editor : cityCombo,
filterable : {
filterField : cityCombo,
filterFn : ({ record, value }) => !value.length || value.includes(record.text),
},
renderer : ({ record = ''}) => {
return record['city'] || 'N/A';
}
},
{
text : 'test',
field : 'test',
},
],
data : [{city:"",test:"123"},{city:"",test:"12345"}]
});
Screenshot of the freeze grid: https://prnt.sc/11ulfls
Please run the above sample code and edit the city field after that you will not able to perform any other event on the grid.
We are also used the required : false property for the editor , but its not working for us.
Thanks