We have the following TimeAxisHeaderMenu
on a Scheduler
component that works flawlessly in v5.1.3:
timeAxisHeaderMenu: {
items: {
currentTimeLine: {
text: 'Highlight today'
},
eventsFilter: {
text: 'Filter absence types',
menu: {
items: {
nameFilter: {
clearable: true,
cls: "b-eventfilter b-last-row",
label: 'By type',
type: 'combo',
store: this._eventTypeStore,
valueField: 'id',
displayField: 'absenceType',
editable: false,
listItemTpl: (item) => {
return `<div><div style="font-size: 80%">${item.absenceCategory}</div><div>${item.absenceType}</div></div>`;
},
width: 250
}
}
}
}
}
}
After updating to v5.3.0, this produces the correct UI elements, but upon selecting an option from the combo box, all events in the Scheduler
suddenly disappear, regardless of the option chosen. Opening the context menu again and clearing the filter does not fix this, but if the user then attempts to set another filter, the events magically reappear again when hovering the mouse over the "Filter absence types" menu item!
I have attached a screen recording of all of this in action for your greater understanding.
Many thanks in advance for any help with this