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.
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.
The value of the disabled DropDownList should be announced in the above mentioned combinations.
Binding an MVVM DropDownList to a property that is null results in an error on the console.
An error is thrown
No errors should be thrown
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.
The change event is not fired when using the keyboard navigation in the DropDownList, if we first click in the filtering input.
Item is selected, but the 'change' event is not triggered. If we do not focus on the filtering input, the change event will be fired. It will be fired also if the mouse is used. - screencast
The change event should always be fired when the selection in the DropDownList is changed, even if the user clicks in the filtering input.
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.
The popup does not close. If we directly focus the DropDownList and follow steps 6-8 the popup will close.
The DropDownList should close when pressing the 'Enter' key.
When the width of the DropDownList is set using the list.width and the DropDownList gets open there is a slight delay of expanding the popup width.
There is a delay of expanding the popup width.
####Workaround
$('.k-popup').width(600);
Dojo
There should be no delay when the width od the DropDownlist is set..
It will be very nice if the AutoComplete, DropDownList, ComboBox, and MultiSelect components have the floating label functionality like the TextBox widget
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.
Two items are marked as selected.
Only the item with value 3 should appear as selected.
After updating the version of Kendo we are using to 2022.1.412 we noticed a weird behavior in the DropDownLists. Clicking the drop down arrow once opens the list, then clicking the arrow again closes and re-opens the list instead of just closing it. Note that this does not happen while clicking on any other part of the drop down to close it, selecting an item from the drop down, or clicking outside the drop down list. It only happens while clicking on the arrow button.
Behavior can be seen in the demos on these pages:
https://demos.telerik.com/kendo-ui/dropdownlist/template
https://demos.telerik.com/kendo-ui/dropdownlist/grouping
https://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist
However the behavior does not appear on these pages:
https://demos.telerik.com/kendo-ui/dropdownlist/virtualization
https://demos.telerik.com/kendo-ui/dropdownlist/serverfiltering
Steps to Reproduce:
The Kendo UI DropDownList's OptionLabel has some padding before the OptionLabel which does not match corresponding items in list.
Please visit this Progress Kendo UI Dojo and open the Kendo UI DropDownList.
The OptionLabel should be matching the items below it.
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.
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.
The DropDownList is automatically closed
The DropDownList should remain opened when clicked
TL;DR: The DropDownList widget cannot be closed by clicking the arrow-icon.
The long story:
After the DropDownList has been opened once, it closes and reopens every time the user clicks the arrow-icon. Closing the DropDownList still works when clicking anywhere on the dropDown except the arrow-icon (or rather the button around it) or anywhere else but the dropDown. This DOJO demonstrates the problem. Animations have been disabled to allow easier reproduction (with animations on, the problem appears only occasionally, probably because of timing issues).
If you look closely, you will notice that the dropDown closes when the mouse button is pressed and reopens when the mouse button is released (this is when the click event is fired). Therefore, the problem can be (temporarily) mitigated by suppressing the mousedown event on the dropDown's wrapper element.
Describe the bug
While the loading icon is visible in the DropDownList when fetching data, the widget's height is changed.
To reproduce
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.
Affected browsers (please remove the unneeded items)
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"Hello,
Drop down widget is defaulted to first option even though ng-model is undefined, in case where we bind same value to k-data-value-field and k-data-text-field.
Please have a look on the below sample code where you can find issue. My expectation is drop down should not default when model value is not assigned.
Code:
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/dropdownlist/angular">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" ng-app="KendoDemos">
<div class="demo-section k-content" ng-controller="MyCtrl">
<input kendo-drop-down-list
k-data-text-field="'name'"
ng-model="data"
k-data-value-field="'name'"
k-data-source="productsDataSource"
style="width: 100%"></input>
</div>
</div>
<script>
angular.module("KendoDemos", [ "kendo.directives" ])
.controller("MyCtrl", function($scope){
// $scope.data=0;
$scope.productsDataSource = new kendo.data.DataSource({
data: [{
'name':'Active','id':0
},{'name':'Cancel','id':1}]
}
);
});
</script>
</body>
</html>
The dropDownList supports several keyboard shortcuts as documented in https://demos.telerik.com/kendo-ui/dropdownlist/keyboard-navigation. However, when e.g. a KeyDown event is triggered (and handled) by the widget, its propagation is not stopped. This behavior can be witnessed in this DOJO.
In our case, we e.g. use dropDownLists inside dialog windows that can be closed via ESC. When pressing ESC while a dropDownList is focused, this not only closes the dropDownList (as expected), but also closes the dialog.
The dropDownList should stop the propagation of events that it handled.
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!
The height of the DropDownList popup is incorrect when using LESS themes.
The popup height is incorrect.
The popup height should be big enough to fit the list.