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