Completed
Last Updated: 20 Jun 2024 10:49 by ADMIN
Created by: Kendo UI
Comments: 0
Category: DropDownList
Type: Feature Request
2

Hi,

At present, the DropDown components do not activate their popups when focused and the spacebar is pressed. Instead, the popup opening is achieved by pressing "alt + arrowDown." However, to align with the behavior of HTML5 select elements, it would be expected that the Kendo DropDown components open their popups when the spacebar is pressed as well.

Unplanned
Last Updated: 31 May 2024 09:07 by Kendo UI
Created by: Kendo UI
Comments: 0
Category: DropDownList
Type: Feature Request
1
It would be a nice enhancement to the kendoDropDownFilter directive if it supported grouped data filtering.





Unplanned
Last Updated: 23 Aug 2023 13:26 by Kendo UI
Created by: Kendo UI
Comments: 0
Category: DropDownList
Type: Feature Request
0
Having "itemClass" choices (comparable to rowClass within a grid) for configuring custom classes of kendo-popup items would be a valuable addition. This functionality could be implemented as a callback function that takes a dataItem object as its parameter and assigns a class based on the outcome it returns.
Unplanned
Last Updated: 09 Aug 2023 09:24 by Kendo UI
Created by: Kendo UI
Comments: 0
Category: DropDownList
Type: Feature Request
0

Hi,

At present, the DropDowns have the capability to accommodate just a single level of grouping. Enhancing this feature to support multiple levels of grouping would be highly beneficial.

Unplanned
Last Updated: 19 Jul 2023 13:19 by Kendo UI

Hi,

The defaultItem should be modified to accept null values and, when valuePrimitive is set to false, display them as empty options.

Example with the select element - https://stackblitz.com/edit/stackblitz-starters-9ftiew?file=src%2Fmain.ts

 

Declined
Last Updated: 04 May 2023 06:11 by ADMIN
Created by: Denis Miorandi
Comments: 1
Category: DropDownList
Type: Feature Request
1
I was using angular-ui-select based on select2 in the past. Select2 has a nice feature that allow you to highlight search term in the combo items. could you add this?
Unplanned
Last Updated: 28 Apr 2023 15:51 by Evan

Greetings,

My team and I are wondering about the possibility for the DropDownLists to be configurable to allow screenreader users to focus disabled items in the dropdown list.

Currently in the DropDownList, it is not possible (or we can't discover) to reach disabled items in a DropDownList (not talking about the input itself being disabled, but rather items inside)

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/disabled-items/

Regardless of if this functionality does or does not violate any accessibility standards, we believe it would be a useful feature for screen reader users. We are also aware that the default HTML select does skip disabled options:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#advanced_select_with_multiple_features

There is precedent for this behavior in drop down lists from other vendors:

https://ng-bootstrap.github.io/#/components/dropdown/examples#disabled

 

https://github.com/JedWatson/react-select/issues/3354

 

Other relevant discussions:

https://github.com/nvaccess/nvda/issues/14190

 

Perhaps adding a simple [disabledItemsFocusable]="false" boolean (false by default for backwards compatibility) to the inputs could be a solution here.

Unplanned
Last Updated: 12 Aug 2022 07:59 by ADMIN
Created by: Korstiaan
Comments: 1
Category: DropDownList
Type: Feature Request
1

Greetings

Related to this issue, when you use multiple groups, then the header of the first subgroup doesn't get rendered. This cascades down all sublevels.
Example: https://codesandbox.io/s/strange-benji-3m9d19?file=/src/app/app.component.ts 

As I was typing this up I also noticed that we don't have access to the field we're grouping on in the kendoDropDownListGroupTemplate (not exclusive to the DropDownList, all dropdown types have this problem).

It'd be great and a very minor change to enable this.
It's currently like this (line 103 inside common/list.component.ts in the source code): 

[templateContext]="{
    templateRef: groupTemplate.templateRef,
    $implicit: dataItem.value
}"
This could be something like this:
[templateContext]="{
    templateRef: groupTemplate.templateRef,
    $implicit: dataItem.value,
    field: dataItem.field
}"

Regards

Completed
Last Updated: 16 Jun 2022 09:01 by ADMIN
Created by: IT
Comments: 3
Category: DropDownList
Type: Bug Report
1

I'm using the Kendo Angular DropDownList component and I'm facing a couple of accessibility issues.

I got two issues, the same as those I get in my own application using the DropDownList component.
I've attached the output for both issues below.

First issue and an explanation of the issue and its solutions can be seen in the first attachment.

Second issue and an explanation of the issue and its solutions can be seen in the sercond attachment.

 

Unplanned
Last Updated: 28 Jan 2022 07:14 by ADMIN
Created by: Stefano
Comments: 3
Category: DropDownList
Type: Feature Request
4

Hi,

I have a list of objects whose text field may contain accented characters. For example: Raúl, Úrsula, José.

I'd like to keep the display of those names with their accents, but when applying the filter they should be treated as their non-accented counterpart.

So, if in the list there is a Raúl and a Raul, typing 'rau' in the filter both should appear.

An option in DropDownFilterSettings similar to the caseSensitive one would be much appreciated.

Thanks,

Stefano

Declined
Last Updated: 27 Jul 2021 12:37 by ADMIN
Created by: Precious
Comments: 1
Category: DropDownList
Type: Feature Request
2
Could you provide an option for the DropDownList to behave like a carousel in mobile devices (as demonstrated in the following screenshot):



Thank you

Declined
Last Updated: 09 Jun 2021 15:26 by ADMIN
Created by: gary
Comments: 2
Category: DropDownList
Type: Feature Request
1

Is there any way to set error focus on the selected items in multi select component.
And after that, user can take immediate action to update the value, say auto Open the drop down dialog and go to the selected item.

Completed
Last Updated: 18 May 2021 14:49 by ADMIN
Created by: Jörg
Comments: 0
Category: DropDownList
Type: Feature Request
1
The current design of the DropDownList is not in line with Bootstrap. The dark background is very "aggressive" and distracts the user in a large form.

The styling should match the bootstrap design (of course in the Bootstrap Theme) or there should be an option to switch between your current and the "official" bootstrap design. 
Declined
Last Updated: 18 May 2021 14:39 by ADMIN
Created by: Imported User
Comments: 2
Category: DropDownList
Type: Feature Request
7
the value should be selected only by direct click on the option in the popup or with the enter or the tab keyboard button.

e.g.

- I open the options popup, I navigate with arrows and select a value A with enter.
- I reopen the options popup, I navigate with arrows until value B and I close the popup clicking away from it (or pressing Esc)

The selected value should be A, but it's B because the valueChanged event is fired anyway on the popup closing
Completed
Last Updated: 18 May 2021 14:33 by ADMIN
Created by: Jacky
Comments: 1
Category: DropDownList
Type: Feature Request
2
There's currently no way to change the style of a dropdown button to match the other "looks" of a regular buttons like "bare", "outline", and "flat".  It is important for a row of buttons to have the same look and feel.  Please add "look" property to dropdown buttons.
Completed
Last Updated: 18 May 2021 14:25 by ADMIN

1.) Use grouping functionality for the drop list's data.

2.) Have at least one item disabled. (Easiest to replicate if the first item is disabled)

3.) Click on dropdown to open the popup.

4.) If first item is disabled notice the group it belongs to is not displayed in the popup. If the first item isn't disabled scroll until disabled item is at the top of the list and the group information will be cleared.

 

Easily replicated if you modify the stackblitz from this page https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/grouping/ to disable the first item in the list

 

 

"Meat" should be displayed in that empty row at the top. Lines 12 and 26-28 are the only modifications made to the code found at the url above.

 

Unplanned
Last Updated: 18 May 2021 14:12 by ADMIN
Created by: Iqbal
Comments: 1
Category: DropDownList
Type: Feature Request
4
It would be nice to be able to set dropdown popup alignment position like, left, right, top, bottom for all dropdowns like, dropdown button, dropdown list, etc
Declined
Last Updated: 18 May 2021 13:47 by ADMIN
Created by: Chrisons
Comments: 1
Category: DropDownList
Type: Feature Request
3
The desired feature is partially implemented for single selection only and with no functionality on the nested grid.We would like a multiselect DropDown box with searching functionality and when clicked to make a selection, a grid will be displayed with sorting, searching, pagination and filtering functionality.We strongly believe that this kind of functionality is necessary for enterprise grade applications with complex forms.
Thanks in advance.
Completed
Last Updated: 26 Apr 2021 10:18 by ADMIN
Created by: Venkatesh
Comments: 8
Category: DropDownList
Type: Feature Request
19
Can we have the MultiColumnComboBox (already available in Kendo UI JQuery) in Angular 2+ please..
Declined
Last Updated: 09 Jun 2020 14:13 by ADMIN
Created by: Girija
Comments: 1
Category: DropDownList
Type: Feature Request
1
find below appcomponent.html code: <kendo-dropdownlist [defaultItem]="defaultYear"
 [data]="budgetYears"
[valueField]="budgetYears.value">
</kendo-dropdownlist>

and in appcomponent.ts file:
public budgetYears: Array<{ value: number }> = [
        { value: 2019 },
        { value: 2020 },
        { value: 2021 },
        { value: 2022 },
        { value: 2023 },
        { value: 2024 },
    ];

as mentioned above I have provided the mentioned codes but I am not getting the binded values. Instead of that I am getting [object Object]. Why it is so and where I am doing mistake. Please provide me a solution for this. Thanks 
1 2