A kendoDropDownList places an arrow to the right of the <select/> element, indicating it's a dropdown (.k-i-arrow-s). It would be cool if kendoMultISelect did the same thing. Clicking the <select/> element or the arrow should also toggle the visibility on the list items. See http://stackoverflow.com/questions/31825788/kendo-multiselect-to-have-arrow-icon-and-behavior-to-close-on-click .
I'm using your demo to reproduce the issue. When the user enters a value into the categories and tabs, the focus is not placed in the products field, instead it goes to the View Order button. This makes using the cascade "feature" very difficult for users. The focus should go products so they can further refine the search. And then finally to orders. But each time they tab they have to move the cursor back to the next field. Also, since the product and order fields are disabled it prevents user from entering data (even if they know the correct value). Is there a way to leave the cascade functionality whilst leaving the "child" fields enabled? We were using it in a Region, Country, City filter, but because of these issues we have had to remove the cascade. Expected behavior would be to leave all the fields enabled, if the user selects a category, then the subsequent fields (products and orders would be filtered to the selection) so that when the user starts typing in those the parent filter is added to their filter. Whilst we are discussing filters, why if the filter is narrowed to a single item is it not automatically selected? Currently the user has to filter, then select the item and then tab. We have had numerous "bug" reports raised because the user didn't select before tabbing even though the item is the only one in the drop-down and appears to be selected. Similarly the Mutliselect filter allows typing values, and even when the user selects the value in the dropdown and is added to the selected list, the typed text remains, making the mutliselect field value invalid on submission. Repro: Open page: CascadeComboBox Move focus to Categories combo (i used my mouse) Type 'p' which opens the combo and shows 3 items starting with p Select 'Products' using the down arrow (field now displays Products) Click Tab Focus moved to View Order button and NOT Products field. Using the mouse to select a value works fine, but our users don't want to have to use the mouse as this slows down data entry.
Bug report
The change event is being triggered when having an initially selected item in the DropDownList and then open the DropDownList and click on the default selected item. This bug is represented only in MVVM.
Reproduction of the problem
- Open this Dojo and run it. The three cascading DropDownLists will have default selected items
- Click on the first DropDownList and select the already selected "Confections" option
- The other two DropDownLists will be reset because of the change event thrown in the first DropDownList
Current behavior
The change event of a DropDownList with initial data selected is being triggered when clicking on the already selected value.
Expected/desired behavior
Selecting the already selected item of a DropDownList shouldn't trigger its change event because there is no actual change in the component's value. Please check this Dojo for the expected behavior.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: [all]
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>
Hi
I'm using lastest version
demo: https://dojo.telerik.com/eZOPEVeL
In offical demo i found a problem, i don't know that is a issue or any thing.
When i use DropDownList Virtualization, i filter "LILA-Supermercado" then selected a value 10780, then fire change event (that true)
Then, I open and close dropdownlist, does not choose any thing, just open and close, dropdownlist fire change event again (that not true)
this happen with any value which not loading before scroll.
some one help me
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