The MultiSelect component appears to have an invisible textbox section that is allowed for the user to type and search the list. How can I disable this? It is very confusing at times because my users want to click the dropdown to select an option but you get no response because your actually clicking inside the textbox portion. So you have to move your mouse over a bit to leave the textbox then click to bring up your options. I have tried setting the filterable option to false but no luck.
Alternate solution is how I can enable the dropdown options to appear even if I click inside this textbox?
1 Answer, 1 is accepted
0
Hello James,
It is not possible to disable the text input of the MultiSelect component via configuration option. If you insist to do so, you may use CSS to set it's display property to none.
Note that the .k-searchbar element is also used in other components such as ComboBox and AutoComplete, so you may have to use a more specific CSS selector.
Last but not least, the issue with opening on click is a known one and is already fixed in the latest dev version of the package. Please download v3.0.3-dev.201808031552 and give it a try.
Regards,
Alexander Valchev
Progress Telerik
It is not possible to disable the text input of the MultiSelect component via configuration option. If you insist to do so, you may use CSS to set it's display property to none.
.k-searchbar { display: none;}Note that the .k-searchbar element is also used in other components such as ComboBox and AutoComplete, so you may have to use a more specific CSS selector.
Last but not least, the issue with opening on click is a known one and is already fixed in the latest dev version of the package. Please download v3.0.3-dev.201808031552 and give it a try.
Regards,
Alexander Valchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.