How to temporary disable arrowDown key events in multiselect?

[Andrew Mandruk]

I have MultiselectDropDown inside grid's rowTemplate. I am pressing downArrow key to change row when MultiselectDropDown is focused.

Expected result:

- Row will be changed

Actual result:

- multiselect dropdown opening -> multiselect dropdown closing -> row changed

Can I temporary disable opening multiselect dropdown by downArrow key?

[Sevvandhi Nagulan]

Hi Andrew, 

Greetings from Syncfusion support. 

We checked the reported requirement. You can disable the arrow down functionalities by setting the openOnClick property to false. Refer to the below code, 

 

<ejs-multiselect 

          id="localData" 

          :dataSource="countries" 

          :fields="localFields" 

          :placeholder="localWaterMark" 

          :openOnClick="open" 

        ></ejs-multiselect> 

  data: function () { 

    return { 

      localFields: { text: "Name", value: "Code" }, 

      localWaterMark: "Select countries", 

      countries: [ 

        { Name: "Australia", Code: "AU" }, 

        { Name: "Bermuda", Code: "BM" }, 

        { Name: "Canada", Code: "CA" }, 

        { Name: "Cameroon", Code: "CM" }, 

        { Name: "Denmark", Code: "DK" }, 

      ], 

      open: false, 

    }; 

Please find the sample below, 

Sample link: https://codesandbox.io/s/vue-template-forked-zk2yc?file=/src/App.vue:574-961 

UG link: https://ej2.syncfusion.com/vue/documentation/api/multi-select#openonclick 

Please check the above sample and get back to us if you need further assistance. 

Regards, 

Sevvandhi N 

[Andrew Mandruk]

Thank you for solution. Now everything work 

[Ponmani Murugaiyan]

Hi Andrew, 

We are glad to hear that the issue is resolved. Please get back us if you need further assistance.  

Regards, 

Ponmani M