Add a way to check if the current AutoComplete value would be in the suggestions. Since the widget already searched for the value to see if it is in suggestions I would prefer to be able to check the result of that search. Something like calling kendoAutoComplete.search() but not have it affect the UI - just tell me if it was found or not. Is that possible?

I want to be able to alter the UI if the user has entered a value that is not detected in the suggestions to let them know it is not a valid value, and it seems silly to have to manually see if the value is in the datasource (and handle the filter variants 'startsWith' and 'contains') when that is already being done by the widget. So, I'm just looking to detect whether the search done by the widget found the value in suggestions or not.

Would be nice to allow selecting items from multiselect several times

Bug report

The DropDownList does not change its popup height when items added/removed from its source.

This is a regression introduced with 2023.1.314 release.

Reproduction of the problem

• Run the following Dojo: https://dojo.telerik.com/aCoHAZuK/4
• Add new item to the list
• Open the popup again - a vertical scroll will be present, while the popup should be resized to display all the three items

Expected/desired behavior

The popup height should change according to the new number of items.

Environment

• Kendo UI version: 2023.1.425
• Browser: [all]

I'd like to be able to style the matching text from autocomplete, so I'd like the option for kendo to perhaps wrap the text in a span or something I can get a handle on...

So if I typed "Back" it'll give me results like this
<li><span class='t-match'>Back</span> to the future</li>

Currently multiselect control has a change event only which is supposed to take care of add/remove event.
Please add proper events or pass info in the change event about what changed, so that developers doesn't have to write the same JS again and again.
See OnaBai's reply here

http://stackoverflow.com/questions/16608565/kendo-multiselect-trigger-an-event-when-an-item-is-removed

http://stackoverflow.com/questions/17653958/kendo-ui-multi-select-remove-selected-element-using-value

The autocomplete inorder to support search and at the bottome display all the results and the number of matched results,
there is need to footer template, like the facebook search autocomplete.

Currently multiselect increases its height to accommodate all selected values. Can you please provide a way where it reverts back to its height after selecting all values and shows 1 value and count for rest of the values selected?

Here is a screenshot:
http://s11.postimg.org/ur5qqy5lv/Multi_Select.png

You can see it's implementation selecting values in "Type Location or Project" multiselect on Residential Tab
http://www.99acres.com/

Currently, the AutoComplete widget supports only a single separator value. It would be desirable to be able to fire an autocomplete action after multiple separators, which can be suplied as an array in the separator property of the configuration object.

In order to check dirty tracking, I would like to check the defaultSelected of the option of the MultiSelectControl. This now does not work.

I would love to see the ability to disable/enable items in the DropDownList dynamically at run time.  We have complex validation rules in our UI that need to prevent the user from using certain items if other options are selected.  

The big problem is the DropDownList doesn't let me enable/disable items or add/remove them. 

This means instead of having a few change events wired up to enable/disable items, I need to do it in complex validation rules.

I think the ability to disable/enable items would be a valuable feature to the kendo framework.

Regards,

Scott

The problem with relying on maxlength that is built into HTML elements is that they do not work in instances where you are rendering multiple inputs as with the kendo-combo-box. If I set the max length, it sets the max length of the select, which is does nothing. It needs to transfer that maxlength to the input text which is rendered along with the select.

Yes, there are workarounds, but when you are using the controls in an angular mvvm environment where you write little to no jquery, the simplest fix should be to have the control code render the input fully given the information provided.

TLDR:
If given <select kendo-combo-box maxlength="3"
please generate <input class="k-input" type="text" maxlength="3"

to have Accent Folding support for kendo combo box. We are using generic html/Jquery to do this now. Is there a work around or and any suggestions.

Bug report

Reproduction of the problem

Dojo example

1. Inspect the value in the pre tag above the DropDownList and the selected value in the DropDownList.

Current behavior

The model has the extra spaces trimmed and there is a single space between the words:

<pre class="ng-binding">Magazzini Alimentari Riuniti</pre>

In the DropDownList the value properly contains 2 spaces between the words.

Expected/desired behavior

In the data the selected item has 2 spaces between the words: Magazzini Alimentari Riuniti
The model value should be identical to the data and the extra spaces should not be trimmed.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all]

Best practice dictates that dropdowns open on mousedown, such that that user can press, move to the desired item, and release all in one movement. You'll of course find this behaviour across many apps and OS's, including MS Office, Windows and OSX. Sadly, Kendo UI dropdowns open on mouseup/click, rather than mousedown, which means the user has to do two clicks to get to what they want. For heavy-usage applications, this is a big pain for users, and definitely affects usability.

Hi Support Team,

Current, we are facing a problem when using "kendo ComboBox" and options in attachment. To reproduce this issue, you have to run sample(kendoui.web.2013.1.319.commercial\examples\web\combobox\index.html) from attachment on safari of iPad.
Step by step:
1. Click on arrow icon to expand items
2. Click on textbox
3. Type data to search items near the last item on textbox

Actual: ComboBox don't auto scroll to item of user typed.

Make up/down arrow keydown events fire a DropDownList change event when in the expanded state.

When a user clicks on the DropDownList, the list gets expanded. There is no change event fired for up/down arrow keydown events. I currently have to intercept the up/down keydown events manually. Having up/down arrow keydown events fire a change event would make the widget more intuitive and helpful for user interactions.

Need to add configuration to display value which is combination of two or more properties or fields in dataSource. Just like valueTemplate in dropdownlist list but without html tags, like

$('#comboboxinput').kendoComboBox({
    dataSource:[{Name:"English (US)", Value:"en-US"}, {{Name:" Japanese (Japan)", Value:"ja-JP"}}],
    template:"<div>#=data.Name+' - '+data.Value#</div>"
    complexValueFormat:"data.Name+' - '+data.Value"
})

I was working on a project where I was asked to display large number of items on dropdown list so i was using template and valueTemplate confugurations, since the items was too large to scroll we decided to use combobox but the problem is unable to display complex values after selecting an item. Currently I'm looping through all items and adding a property DisplayName to each item before setting dataSource. This feature will be very useful and replace dropdownlist if dataSource is too large and complex value is to be displayed.

On MultiSelect have an option when they type in a complete name and then blur out to save that name.

It works if they hit enter or tab. But if they don't (like if they immediately press the Submit button), then it looks it took their entry but it really did not.

I'm using your demo to reproduce the issue.  

When the user enters a value into the categories and tabs, the focus is not placed in the products field, instead it goes to the View Order button.  This makes using the cascade "feature" very difficult for users.  The focus should go products so they can further refine the search.  And then finally to orders.  But each time they tab they have to move the cursor back to the next field.

Also, since the product and order fields are disabled it prevents user from entering data (even if they know the correct value).  Is there a way to leave the cascade functionality whilst leaving the "child" fields enabled?  We were using it in a Region, Country, City filter, but because of these issues we have had to remove the cascade.

Expected behavior would be to leave all the fields enabled, if the user selects a category, then the subsequent fields (products and orders would be filtered to the selection) so that when the user starts typing in those the parent filter is added to their filter.

Whilst we are discussing filters, why if the filter is narrowed to a single item is it not automatically selected?  Currently the user has to filter, then select the item and then tab.  We have had numerous "bug" reports raised because the user didn't select before tabbing even though the item is the only one in the drop-down and appears to be selected.

Similarly the Mutliselect filter allows typing values, and even when the user selects the value in the dropdown and is added to the selected list, the typed text remains, making the mutliselect field value invalid on submission. 

Repro:

Open page: CascadeComboBox
Move focus to Categories combo (i used my mouse)
Type 'p' which opens the combo and shows 3 items starting with p
Select 'Products' using the down arrow (field now displays Products)
Click Tab
Focus moved to View Order button and NOT Products field.
Using the mouse to select a value works fine, but our users don't want to have to use the mouse as this slows down data entry.

Add support for autoScroll to DropDownList options, such that the list scrolls when the mouse pointer reached the top of bottom of the container. Currently, autoScroll: true has no effect on that component. 

Mouse wheel scrolling of the options is not obvious to users, causing some to miss options that overflow the container.