Completed
Last Updated: 14 May 2024 11:58 by ADMIN
Release 2024 Q2 (May)

Bug report

DropDownList editor in a Form component with ServerFiltering enabled causes a js exception.

Reproduction of the problem

  1. Enable ServerFiltering in the DropDownList editor:
@(Html.Kendo().Form<MVCFormValidation.Models.UserViewModel>()
	.Name("formExample")
	.HtmlAttributes(new { action = "/Home/Index", method = "POST" })
	.Validatable(v =>
	{
		v.ValidateOnBlur(true);
		v.ValidationSummary(vs => vs.Enable(false));
	})
	.Items(items =>
	{
		items.AddGroup()
			.Label("Registration Form")
			.Items(i =>
			{

				i.Add()
					.Field(f => f.FirstName)
					.Label(l => l.Text("First Name:"));

				i.Add()
					.Field(f => f.LastName)
					.Label(l => l.Text("Last Name:"));

				i.Add()
					.Field(f => f.NumberOfShares)
					.Label(l => l.Text("Number Of Shares:"));

				i.Add().Field(m => m.Country.Id)
					.Editor(e => e.DropDownList().DataSource(source =>
					{
						source.Read(read =>
						{
							read.Action("GetCountries", "Home");		
						})
						.ServerFiltering(true);
					}).Filter(FilterType.Contains).DataTextField("Name").DataValueField("Id"))
					.Label("Country");

				i.Add()
					.Field(f => f.Email)
					.Label(l => l.Text("Email:"));
				i.Add()
					.Field(f => f.DateOfBirth)
					.Label(l => l.Text("Date of Birth:").Optional(true));
				i.Add()
					.Field(f => f.Agree)
					.Label(l => l.Text("Agree to Terms:"));
			});
	})
)

Current behavior

On page load a js exception is thrown:
Uncaught Error: Syntax error, unrecognized expression: #

Expected/desired behavior

No exceptions.

Environment

  • Kendo UI version: 2023.3.1114
  • jQuery version: 3.4.1, 3.7.1
  • Browser: [all]
Completed
Last Updated: 21 Mar 2024 12:16 by ADMIN
Release 2024 Q2 (May)

Bug report

Related: telerik/kendo#18503

Reproduction of the problem

Dojo example: https://dojo.telerik.com/AWiYAlIm/5

  1. Reduce the width of the right pane (or run in fullscreen and resize the browser window making it as narrow as possible)

Current behavior

A js exception is thrown:
e.popup.fullscreen is not a function

Expected/desired behavior

No exceptions are thrown.

Environment

  • Kendo UI version: 2023.3.1114
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 29 Jan 2024 11:12 by Sarah

Bug report

The DropDownList is incorrectly marked as invalid, when another field of the model is invalid.

Reproduction of the problem

Sample project attached.
MVCFormValidation.zip

  1. Run the project
  2. Click the submit button. It submits the form and in the submit action a model error is added to a specific field of the model: ModelState.AddModelError("NumberOfShares", "Number not in the expected range");

Current behavior

Two validation errors appear after the form submission: one for the NumberOfShares field and a second one for the Country.Id field, for which a DropDownList editor is used.

Expected/desired behavior

A validation error appears only for the NumberOfShares field.
Note that if no editor is specified for the Country.Id field (instead of using a DropDownList editor), e.g.,

	i.Add()
	    .Field(f => f.Country.Id)
	    .Label(l => l.Text("Country"));

no validation error message is shown for Country.Id.

Environment

  • Kendo UI version: 2023.3.1114
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 02 Jan 2024 13:48 by ADMIN
Created by: Developer
Comments: 12
Category: DropDownList
Type: Bug Report
0
Hi, I am trying to enhance data entry in dropdown lists by using the tab and enter keys to move the focus to the next field after an entry in the list is selected using the up/down arrows or dropdown list filter textbox. While it is working, if the form validator's validateOnBlur setting is set to true, a required field message is displayed even though a value has been selected.

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);

Unplanned
Last Updated: 21 Nov 2023 06:55 by Novak
Created by: Novak
Comments: 0
Category: DropDownList
Type: Feature Request
2
Currently, sorting the items in the dropdowns (DropDownList, ComboBox) with Grouping enabled requires using AJAX binding and ServerGrouping(true). It would be nice if support for sorting on the client is implemented, for scenarios that involve local data binding (e.g. when the dropdown is bound using the BindTo method).
Unplanned
Last Updated: 28 Mar 2023 14:34 by Eli

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]
Completed
Last Updated: 08 Aug 2022 09:09 by ADMIN
Release 2022.R2.SP2
Created by: Joh
Comments: 0
Category: DropDownList
Type: Bug Report
0

Bug report

Regression introduced in R1 2022. Reproducible only with the LESS themes.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/UQOniRab

  1. 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]
Declined
Last Updated: 06 Sep 2019 13:57 by ADMIN
Created by: Patrick
Comments: 3
Category: DropDownList
Type: Bug Report
0

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"

Unplanned
Last Updated: 25 Jul 2019 13:11 by Sam

Bug report

Class k-state-focused is not removed from DropDownlist on blur, if its filter input was clicked.

Reproduction of the problem

  1. Use Events demo
  2. Click on DropDownList to expand its dropdown.
  3. Click on DropDownList's filter input.
  4. 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">
image

Expected/desired behavior

DropDownList does not appear focused.

Environment

  • Kendo UI version: 2019.2.619
  • Browser: all