Bug report

When a DropDownList with filtering enabled is used inside a Kendo Window it gets unexpectedly closed when clicked between .k-input-inner and .k-input-value-text elements.

Reproduction of the problem

1. Open the Dojo
2. Open the first DropDownList
3. Then click the second DropDownList to open, but try to click between the red and the green border

Current behavior

The DropDownList is automatically closed

screencast

Expected/desired behavior

The DropDownList should remain opened when clicked

Environment

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

Hi guys! I am glad to be back with another feature suggestions for future Kendo UI releases. I am currently working on a project for a client using Kendo UI Multiselect control. The client's pizza ordering system has an interesting feature for selecting double or single portion ingredients. Currently, I'm only able to display the selected items individually, so what it means is that in the selected items, you see 2 of those same items. Perhaps in the future release, can you have some sort of checking to see if there is double entries, and group those into something like "Cheese (x2)". Honestly, this will make Multiselect so much more cooler!! And when the user decides to click on the "X" beside the item with double items, it simply removes one of the selected items by removing the ",id", and then removes the (x2) text. And ofcourse, for better user experience, Kendo UI Multiselect should automatically calculate the number of a single id has been added everytime the user selects the same item.

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

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?

Currently the data-* attributes on the <option> tags are removed by the kendoDropDownList widget.
Please pass them through so they can be used.

After searching the kendo.all.js I found that there is currently no way the custom data-* can be added into the generated html code.

I'm using MVVM for a rather large SPA. Some parts of the SPA is generated on the server (webservice) which is just a partial html. Which looks like (simplest one):
<select data-role="dropdownlist" name="ProductTypeID" class="k-textbox">
	<option value="9" data-cond="DependsValue(ProductTypeCategoryID,1)">Compliments cards</option>
	<option value="1" data-cond="DependsValue(ProductTypeCategoryID,1)">Flyers</option>
	<option value="3" data-cond="DependsValue(ProductTypeCategoryID,3)">Brochures</option>
	<option value="25" data-cond="DependsValue(ProductTypeCategoryID,6)">Roll-up banners</option>
</select>

In this case the data-cond is an attribute in which there is a (javascript) function that should be run to determine if this option is valid or not (it is made hidden if not).

I was trying to convert this into a datasource which can be bound to the dropdownlist, but this has several drawbacks. The most important are:

- There are almost 60 different of these kind of dropdowns that can be generated from the server; This means a lot of extra code and webservices.

- Calling the webservice for each of them is way to slow since each field changes conditional values of other fields, and so the server would be called way to often. But on the client side this runs way faster. Even in javascript.

- The data-* attributes should be supported accordingly the html5 standard to my humble opinion :)

I found two questions regarding this, but both where unanswered.

I add them here for you comfort :)

http://www.telerik.com/forums/converting-standard-select-element-to-kendodropdownlist-removes-additional-properties-from-option-such-as-data-

http://www.telerik.com/forums/how-to-access-data--attributes-in-a-option-after-converting-select-to-a-dropdownlist

I want dropdownlist to have group by with 2 fields

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

I have created a new Telerk UI for ASP.NET Core R2 2018 SP1 Project and added a DropDownList Component into page.
When I use "Items" to add items manually everything is OK. but when I try to use DataSource to add Items using an Action remotely a console error is happened as "Uncaught TypeError: Cannot read property 'slice' of undefined".
JSON items is received and nothing is shown because of that error.
Please HELP

Bug report

Binding an MVVM DropDownList to a property that is null results in an error on the console.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/@martin.tabakov@progress.com/eNUMeLix

Current behavior

An error is thrown

Expected/desired behavior

No errors should be thrown

Environment

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

Describe the bug
While the loading icon is visible in the DropDownList when fetching data, the widget's height is changed.

To reproduce

1. Open this Dojo example - https://dojo.telerik.com/AFuQItIv/4
2. Select an item in the first DropDownList

You can compare the height of the two dropdownlists

Expected behavior
The height of the DropDownList shouldn't change when the loading icon is visible.

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Bug report

The Kendo UI DropDownList's OptionLabel has some padding before the OptionLabel which does not match corresponding items in list.

Reproduction of the problem

Please visit this Progress Kendo UI Dojo and open the Kendo UI DropDownList.

Current behavior

Expected/desired behavior

The OptionLabel should be matching the items below it.

Environment

• Kendo UI version: 2022.1.301
• jQuery version: Supported Versions
• Browser: all

Hi Team,

I'd like to request the functionality to add a Clear Button  for the Kendo UI DropDownList similar to the ComboBox.  

Thank you!

Bug report

When navigating between inputs and after using Shift+Tab for focusing on a previous input the DropdOwnList popup does not close on pressing 'Enter' key.

Reproduction of the problem

1. Open Dojo
2. Focus the text input
3. Press Tab to focus the DropDownList
4. Press shift-tab to focus the text input
5. Press again Tab to focus the DropDownList
6. Press Alt+down to expand the dropdown
7. Press the down arrow to select an option in the dropdown
8. Press Enter key

Current behavior

The popup does not close. If we directly focus the DropDownList and follow steps 6-8 the popup will close.

Expected/desired behavior

The DropDownList should close when pressing the 'Enter' key.

Environment

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

Bug report

The value of a disabled DropDownList is not announced in the below screen reader -> browser combinations:

NVDA with Chrome
JAWS with Chrome

The value is correctly announced by NVDA in Firefox.

After testing the scenario with the ComboBox, the value was correctly announced in all screen reader -> browser combinations.

Reproduction of the problem

1. Open this Dojo example in Chrome with JAWS/NVDA - https://runner.telerik.io/fullscreen/ERAxiqIy/3
2. Click the Enable checkbox
3. Select a value from the DropDownList
4. Click the Enable checkbox again.
5. Focus the Checkbox and press the down arrow key.

Current behavior

The screen reader announces the disabled state of the DropDownList, but does not announce its value.

Note - the value of the regular select element below the DropDownList is announced.

Expected/desired behavior

The value of the disabled DropDownList should be announced in the above mentioned combinations.

Environment

• Kendo UI version: 2023.1.117
• Browser: [Chrome]

Bug report

In a virtual DropDownList with a value set, the first item is marked as selected as well. The issue occurs when using jQuery 3.4.1 or later.

Reproduction of the problem

1. Open this Dojo example. - https://dojo.telerik.com/@martin.tabakov@progress.com/UkOmiYEj
2. Open the DropDownList.

Current behavior

Two items are marked as selected.

Expected/desired behavior

Only the item with value 3 should appear as selected.

Environment

• Kendo UI version: 2021.3.914
• **jQuery version: 3.4.1 and later
• Browser: [all]

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

Hi Team, 

I would like to request to add a class which associates with the Kendo DropDownList.  This way, the developer could use CSS instead of jQuery to change the style of the specific popup.  

Thank you!

Bug report

The Disabled attribute is not applying for the Kendo UI DropDownList.

Reproduction of the problem

Proceed to the following Progress Kendo UI Dojo which demonstrates the behavior.

          <input id="myDropDownList" disabled="disabled" />

Expected/desired behavior

The DropDownList should be disabled as seen in the 2023.1.425 version of Kendo UI for jQuery.

Note

This Disabled Attribute is working as expected for the UI for ASP.NET MVC/Core DropDownList.

@(Html.Kendo().DropDownList()
          .Name("territories")
          .HtmlAttributes(new { disabled = "disabled" })
          //...
)

Environment

• Kendo UI version: 2023.2.606
• jQuery version: All Supported Versions
• Browser: all

Bug report

List height not properly adjusted in Cascading DropDownList since 2023.1.314

Reproduction of the problem
Dojo: https://dojo.telerik.com/osuTaKON

1. Select Parent 2 from Parent DDL

2. Open Child DDL

3. Select Parent 1 from Parent DDL

4. Open child DDL

Scrollbar appears and not all items visible

Expected/desired behavior
Height shall be adjusted correctly and no scrollbar shall be present

Environment
Kendo UI version:  2023.1.314 or newer
Browser: [all]

Not showing the selected items externally , only within the drop down.