I have upgraded a huge project we have, from Kendo UI 2017 to the latest version.
I managed to fix all the incompatibility issues that I had with the latest version and now it's ready to go live.

In the final regression tests our customer found a bug and now we are stack and cannot deploy the project.

Here is the problem:

In the DropdownList, if you type something and then press the clear button, the change event is firing two times. One with the value that you typed before and then one again with an empty value (the right one). The biggest problem is that there is no way to determine that the first event is coming from the clear button and not from the user, so I cannot find any workaround this.

I searched and I found that this started after this change.

You can check this dojo for a reproduction of the problem.
Steps:
Type "it" in the dropdownlist,
Wait for the items to popup
Don't select any item but press the clear button of the dropdownlist
You can see the attached image the wrong events.
If you select a version after 2019 R3, the change event is firing twice. If you select an older version the change event is not firing at all.

I can understand a change event with an empty value and I don't have any problem with that, but the first event is totally wrong.
Is there any quick solution to this so we can catch the deadline and deploy the new version of our project?

Thank you for your time,
John Dendrinos

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]

Bug report

In DropDownList when virtualization is enabled and the value of the widget is set through the value method, the cascade event is fired twice.

Reproduction of the problem

1. Open the Dojo example.
2. Click the 'Set value' button

Current behavior

The cascade event will be triggered twice.

Expected/desired behavior

The cascade event should be triggered only once.

Environment

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

When there is no filter enabled in the DropDownList it is possible to select an item just by typing, without opening the DropDownList popup.

https://dojo.telerik.com/ELEfIZIx

It would be useful if such an option is available when the filter of the widget is configured. 

Bug report

When filtering the DropDownList data when a limited amount of items remain the popup container is displayed above the DropDown element when sufficient space is available below the element

Reproduction of the problem

1. Run this dojo
2. Enter "123" - the popup container with the list of items is displayed below the DropDown element
3. Enter "1234" - the popup container with the list of items is displayed above the DropDown element when sufficient space is available below the element
4. Enter "12345" - the NoDataTemplate is displayed above the DropDown element when sufficient space is available below the element

Expected/desired behavior

The popup container with the list of items should be displayed below the DropDown element when sufficient space is available below the element

Environment

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

Bug report

The change event is being triggered when having an initially selected item in the DropDownList and then open the DropDownList and click on the default selected item. This bug is represented only in MVVM.

Reproduction of the problem

1. Open this Dojo and run it. The three cascading DropDownLists will have default selected items
2. Click on the first DropDownList and select the already selected "Confections" option
3. The other two DropDownLists will be reset because of the change event thrown in the first DropDownList

Current behavior

The change event of a DropDownList with initial data selected is being triggered when clicking on the already selected value.

Expected/desired behavior

Selecting the already selected item of a DropDownList shouldn't trigger its change event because there is no actual change in the component's value. Please check this Dojo for the expected behavior.

Environment

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

In the DropDownList and ComboBox, virtualization only works when the popup is open. In both widgets, item navigation is functional by pressing down to select the next item in the list without opening the popup. However, when the end of the first page of results is reached, the selection goes back to the top of the first page of results instead of loading the second page via virtualization. This misleads the user in that it only presents a portion of the options available. This is also an issue for disabled users and accessibility.

https://demos.telerik.com/kendo-ui/dropdownlist/virtualization

https://demos.telerik.com/kendo-ui/combobox/virtualization

In both examples, holding down without opening the popup will never load more results.

We have had this issue in the past but it is a bigger issue now that we are focusing more on accessibility since users rely more heavily on keyboard navigation.

the multiselect control should have the possibility to define elements as not editable (readonly) so that those elements can not be removed while other elements can be removed or new elements can be added.

When the user enters a filter, the list is filtered. But if the user deletes the filter by clicking on the X in the filter box, the list remains filtered. It does not revert to the full, unfiltered list. 

To get back to the full list, the user must delete the filter by backspacing or pressing the delete key on the keyboard.

This behavior is confusing some users, who have used the mouse to delete the filter in IE11.  There's no longer a filter string there, but the list is still filtered.

Can  the dropdownlist listen for the click that clears the filter string from the textbox?

Populate selected items when using browser back buttons for both Html and MVC Wrapper versions

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>

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.

Create the ability to customize tag templates on the combobox and autocomplete widgets just like the tag template functionality on the multiselect widget

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.

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.

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.

Users wonder why the filter has not been removed from the dropdownlist when they use a browser's text INPUT[X] to delete the filter. The browser raises no event is raised when the X is clicked, and so the list does not revert to the unfiltered list. Users must hit the Delete keys on the keyboard. Although developers can use CSS to remove the browser's [X], it would be more convenient if kendo could do this by default for the dropdownlists's filter box, so that developers would not have to remember to add the CSS every time.

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.

If you're trying to create an accessible form, "the value of the for attribute must be the same as the value of the id attribute of the form control" [1]. Since the ComboBox widget generates a new element and hides the original select element, the for attribute no longer matches this new input element. I think it would be good if the ComboBox widget would somehow keep the for attribute of the associated label element in sync with the newly generated input element.

[1]: http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/H44

ComboBox and DropDown are different because the first allows you to enter values non in list, but if you are using Cascading ComboBox, entering a value non in list in the first choice, the second choice is disabled. I'like to have cascading for values in list with option for inserting values non in list.