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
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.
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
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:
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.
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 }"
[templateContext]="{
templateRef: groupTemplate.templateRef,
$implicit: dataItem.value,
field: dataItem.field
}"
Regards
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
It would be good to have an option for clear "X" or whatever on the DropDownList. This is already on the ComboBox but not on the DropDownList. I can see the argument that having a blank option as the first option in the popover would work but that requires the user to open the popover and click a blank entry and forces all lists to have a blank item. I'm currently getting around this by wrapping the kendo component in my own component and using css to put a clear button on the kendo control. However, there is no public access to the needed functions to clear the control and have the angular zone update when in an on push state (Not sure about normal change detection strategy but I only use on push so...). Right now I have to cast the component to type any and then use the private functions on the component. See below. Access to either the proper method to do what I'm doing or adding a native clear would be really great. Really for all controls. I would be happy with just the access to the proper functions as it allows me to customize when and how the clear shows. this is what I'm doing for now that gets what I want. this.dropDownList.reset(); const dropdown = this.dropDownList as any; dropdown.valueSubject.next(undefined);
The current [maxlength] property just sets a control as Invalid if maxlength is exceeded. But I'd prefer an option to just limit the number of characters the end user can enter, much like the maxlength property of <input>. This should apply to all Kendo controls where user can type in text.
Please provide a filed or other public property that allows to track the currently focused item for the DropDowns.
Thank you
Can we update the dropdownlist control to allow for a filter region template. This will allow, so that a custom component can be placed where the filter box is.
The use case that we have is to have our common input component, which has all the application styles pre-applied, be used for filtering. We can currently do this for grid component's filtering. But unlike grid filters, kendo dropdownlist does not allow for a template for the search region. This would be a good feature and consistent with other controls in the kendo library.