React MultiSelect Component AutoClose to false

[Stephanie]

In the jQuery UI version of the kendo Multi Select component, you can disable the autoclose, but it doesn't seem to work for a component. I don't want the  to close after someone selects something.

 

$("#multiselect").kendoMultiSelect({
        autoClose: false,
        highlightFirst: true,
        deselect: function(e){
          setTimeout(function(){
            if(!e.sender.value().length){
              e.sender.list.find('.k-state-focused').removeClass('k-state-focused');
              e.sender.list.find('li.k-item').first().addClass('k-state-focused');
            }
          });
        }
      });

 

 

[Stefan]

Hello, Stephanie,

In the React MultiSelect this can be achieved using the opened property of the MultiSelect that control its open state:

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-opened

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-onopen

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-onblur

I made an example demonstrating this:

https://stackblitz.com/edit/react-tdaasc?file=app/main.js

========================================================================================================================================

Also, I noticed that this account is not currently associated with a valid License or a Trial. Before continuing with the technical support, could you please start a Trial account or associate this with a license if you already have a valid license.

Regards,
Stefan
Progress Telerik