The DropDownList does not change its popup height when items added/removed from its source.
This is a regression introduced with 2023.1.314 release.
The popup height should change according to the new number of items.
Dojo example
The model has the extra spaces trimmed and there is a single space between the words:
<pre class="ng-binding">Magazzini Alimentari Riuniti</pre>
In the DropDownList the value properly contains 2 spaces between the words.
In the data the selected item has 2 spaces between the words: Magazzini Alimentari Riuniti
The model value should be identical to the data and the extra spaces should not be trimmed.
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
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
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.
When remote data is loaded in the DropDownList and the loading icon appears while loading, the down arrow icon remains visible. Thus, both icons are overlapping.
Both - the loading indicator and the down arrow icon appear at the same time:
The down arrow icon should disappear while the loading indicator is displayed.
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]
The Disabled attribute is not applying for the Kendo UI DropDownList.
Proceed to the following Progress Kendo UI Dojo which demonstrates the behavior.
<input id="myDropDownList" disabled="disabled" />
The DropDownList should be disabled as seen in the 2023.1.425 version of Kendo UI for jQuery.
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" })
//...
)
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.
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.
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.
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)
https://dojo.telerik.com/iliKAqUr
Expected: should see two events for "Changed to Oranges" but only see one
Actual: status only shows one value change event from the first selection of "Oranges"
It seems this issue was introduced with the fix for https://github.com/telerik/kendo-ui-core/issues/4496
The introduction of _oldText in the _change method of kendo.list.js has introduced a flaw in the value change detection for DropDownList
The above dojo presents a way to short-circuit the issue since it is not easy to show the _oldText issue since the index check works as a fallback.
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:
Additionaly, when groupTemplate is defined, it's ignored for the first item: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/grouptemplate
In DropDownList when virtualization is enabled and the value of the widget is set through the value method, the cascade event is fired twice.
The cascade event will be triggered twice.
The cascade event should be triggered only once.
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.
The change event of a DropDownList with initial data selected is being triggered when clicking on the already selected value.
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.
When using AngularJS binding for dropdownlist options in the latest version of Kendo (2018.3.1017), the option labels are not dynamically bound to the scope/controller. I changed one of the options to have the label {{::foo}} and set the field foo to "BAR" when initializing the scope. When I run this code with the latest version, the literal text "{{::foo}}" is displayed for the first item of the drop down. When I use an older version of Kendo (2018.2.516), the text "BAR" is displayed for that item. This is a regression bug that is causing an error in our product.
Here is a testcase that illustrates the problem. To toggle between the working and broken versions, change the CDN values.
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.
When the dataSource in the DropDownList is grouped and the user searches for a non-existing value after scrolling, an error is thrown in the browser`s console.
The following error appears in the browser: kendo.all.js:324317 Uncaught TypeError: Cannot read properties of null (reading 'offsetTop')
There should be no error when searching for non-existing value is performed.
See Dojos. When setting the "filter" property with setOptions, the search box does not appear anymore.
Regression after 2023.1.425 (tested with 2023.2.718)
Before:
https://dojo.telerik.com/iwiyOkac
After:
https://dojo.telerik.com/UrOHuBeD