Bug report
Reproduction of the problem
Dojo example: https://dojo.telerik.com/uGitesaF
Current behavior
When the DropDownList has an initial value, the floating label overlaps with the text.
Expected/desired behavior
The label should be displayed above the DropDownList.
Workaround: refresh the floating label in the dataBound event handler of the component:
e.sender.label.floatingLabel.refresh()
Environment
- Kendo UI version: 2023.1.314
- jQuery version: x.y
- Browser: [all]
Bug report
Regression introduced in R1 2022. Reproducible only with the LESS themes.
Reproduction of the problem
Dojo example: https://dojo.telerik.com/UQOniRab
- Click the DropDownList to open its dropdown
Current behavior
The option label item's height is very small and no hover/select styles are applied to it. When the option label has some text, its height is ok, but again no hover/select styles are applied.
Expected/desired behavior
The option label item's appearance should match that of the other items.
Environment
- Kendo UI version: 2022.1.301
- jQuery version: x.y
- Browser: [all]
My code is below. How do I get the field to validate after losing the focus?
var DropDownList = (function (init) {
return kendo.ui.DropDownList.extend({
init: function (element, options) {
var that = this;
init.call(that, element, options);
that.wrapper.keydown(function (e) {
if (e.ctrlKey && e.shiftKey) {
that.open();
return;
}
var keyCode = e.keyCode || e.which;
if (keyCode !== 9 && keyCode !== 13) {
that.open();
}
});
$(that.filterInput).bind("keydown", function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 9 || keyCode === 13) {
var press = jQuery.Event("keydown");
press.ctrlKey = false;
press.keyCode = 13;
press.which = 13;
$(that.wrapper).trigger(press);
}
});
},
options: {
name: "DropDownList",
dataValueField: "Value",
dataTextField: "Text",
filter: "contains",
minLength: 1,
ignoreCase: true,
animation: false,
valuePrimitive: true
}
});
})(kendo.ui.DropDownList.fn.init);
kendo.ui.plugin(DropDownList);
Kendo Version - Kendo MVC 2019.2.619
My values appear in the previous option item.
Drop Down List name and values:
- Name = "Select From"
- ID = ""
- Name = "ABCHERG"
- ID = "ABCHERG"
I have one item and a "Select from" option (see data above) in my list
I select "ABCHERG" from my drop down list and the value that's returned is blank.
If I select the "Select From" option the value returned is "ABCHERG"
Bug report
Class k-state-focused is not removed from DropDownlist on blur, if its filter input was clicked.
Reproduction of the problem
- Use Events demo
- Click on DropDownList to expand its dropdown.
- Click on DropDownList's filter input.
- Click on demo's title to blur the DropDownList
Current behavior
DropDownList appears focused as k-state-focus class is not removed from its span
<span unselectable="on" class="k-dropdown-wrap k-state-default k-state-focused">
Expected/desired behavior
DropDownList does not appear focused.
Environment
- Kendo UI version: 2019.2.619
- Browser: all