Bug report

Even if no filtering is configured, when the delay option is different than 0 navigation between the items in the DropDownList does not work correctly.

Reproduction of the problem

1. Open the Demo
2. Focus/Open the DropDownList
3. Click 's' - Small is selected
4. Click 'l' - Large is selected
5. Repeat multiple times

Current behavior

The correct item is not always selected. In the demo, no delay is configured, but the default value is 500. The delay is supposed to affect the DropDownList only when filtering is enabled.

Note: Currently, when the filter option is configured, changing selection without opening the DropDownList is not possible.
https://dojo.telerik.com/@iankodj/AhUgaXuf

Workaround

Set delay to 0 - Dojo

Expected/desired behavior

The selection of the items should be correctly changed when typing, even if a delay different than 0 is configured.
Also, it should be possible to change the selected item by typing in the keyboard even if the filter option is set and the DropDownList is closed.

Environment

• Kendo UI version: 2021.1.224
• 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 ]

I am using a DropDownList with dynamic items that are grouped.

When opening the dropdown without items in the datasource the fixed group header is displayed empty.

When removing the last item from the datasource after the DropDown has already been opened, the first group header is still displayed when opening the dropdown.

I would expect the group header to never be displayed if there is no data.

See Dojo: https://dojo.telerik.com/EviPepIJ

Ticket ID : 1518454

Thank you for your kind reply.

I saw the link you sent me.(https://dojo.telerik.com/eHUBOtOW/2)

When a Korean keyword is searched, the cursor is pushed back.

It works fine in Chrome, but the same thing happens in IE.

Our company's system have to use IE.

 

In our application, we have the requirement to display the DropDownList's filter textBox only if there are more than a specific number of items in the DropDownList. Therefore, we count the items everytime they change (i.e. an item is added/removed or perhaps all items are replaced) and then update the DropDownList's filter setting accordingly via setOptions().

Additionally, we use the dataBound() event for internal UI tweaks and therefore access the e.sender object.

This DOJO demonstrates that e.sender has a different structure before and after setOptions() is called. For instance, the list property does no longer exist. Check the console output, the event object is logged every time dataBound() is called.

Interestingly, this only happens when passing a complete (but updated) object to setOptions() and not when passing only a partial options object. Still, re-setting options to the same value as before should not interfere with any event args.

As my grid edit forms have expanded past the default popup, I have been using editable template. These are bound with MVVM and work well. But not all options work via MVVM like the cascade options below. I would like to use the cascade options in this scenario. It would be great to have all configuration options available via MVVM.

            <select id="ParentID" name="ParentID"
                    style="width: 100%"
                    data-role="dropdownlist"
                    data-text-field="Name"
                    data-value-field="ID"
                    data-cascade-from="ImprovementTargetID"
                    data-cascade-from-field="ImprovementTargetID"
                    data-cascade-from-parent-field="ID"
                    data-source="PEDropDownDataSource"
                    data-option-label="Pick PE..."
                    data-value-primitive="true"
                    data-bind="value:ParentID">
            </select>

The Kendo UI DropDownList allows the user to entera filter which is applied on the available items (documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/filter). As soon as a filter term entered by the user is applied to the dataSource, the selected item is no longer marked. Usually, the .k-state-selected CSS class is set on the corresponding DOM element.

This behavior can also be reproduced in the official Kendo UI Dojo about filtering: https://dojo.telerik.com/eVuSopuj

In Combox, DropDownList, Multiselect widgets, when grouping, the first item is incorrectly rendered (inconsistently with the others).

This can be observed as of today on:

1. https://demos.telerik.com/kendo-ui/combobox/grouping
2. https://demos.telerik.com/kendo-ui/dropdownlist/grouping
3. https://demos.telerik.com/kendo-ui/multiselect/grouping

Additionaly, when groupTemplate is defined, it's ignored for the first item: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/grouptemplate

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]

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. 

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

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.

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