I have a kendo multiselect with virtualization set to true. I want to clear out the data from the search input after each item is selected so the user can start a new search. I tried this solution but found a bug. In my example, if the user selects 1 and then 20, the selected items get cleared and the multiselect becomes unusable from that point forward. The x won't clear anything and you can't select anything. How do I fix this?
Here is a dojo showing the problem
Failed Attempt:
I attempted to fix this by adding .trigger("input") to the e.sender.input.val("") line but that ends up creating duplicates of the same item selected and causes occasional errors like this in the console and doesn't clear the box:
at init._removeTag (kendo.all.js:311085:87)
at HTMLSpanElement.<anonymous> (kendo.all.js:311085:87)
at Function.each (jquery.min.js:2:2976)
at fn.init.each (jquery.min.js:2:1454)
at init._clearValue (kendo.all.js:311085:87)
at HTMLSpanElement.dispatch (jquery.min.js:2:43090)
at v.handle (jquery.min.js:2:41074)