Kendo multiselect control - Remove selected items from dropdown

Question

I have kendo multi-select control on my asp.net mvc view.

Whenever user select values from the control, it is visible on two places 1. On the textbox area and 2. highlighted item on the dropdown list.

I want to remove the selected items from the drop down list and to show only on the textbox area.

Actually, It was working as expected on the previous version but after upgrading to latest version it is visible in both places(1. on the textbox area and 2. highlighted in the dropdown as well.)

I understand this was an additional cosmetic change provided in the latest version. Just trying to see if there is any property i can handle it to display only on the textbox area and not to highlight in the dropdown list.

Answer 1

One option is to hide them with css

.hide-selected > li.k-state-selected{
    display: none;
}

Make sure to add the hide-selected class to your multiselect.

multiselectwidget.ul.addClass('hide-selected');