This is somewhat related to the existing request for this feature with Tooltips, but applies more generally to any widgets with popup behavior, such as DropDownList and AutoComplete. Auto-closing these widgets upon scrolling is an extremely annoying behavior, and I've even had end users comment on it in demos. The currently suggested workaround is hacky, particularly difficult to implement with AngularJS, and as far as I know, only works with DropDownList and AutoComplete. This behavior needs first-class support as a configurable option. This could be done a couple of ways.
1. Make it a configuration option.
$("#products").kendoAutoComplete({ closeOnScroll: false });
2. Or, just add the browser-level event name to Kendo UI's event object in the various widget event handler functions, such as close.
close: function (e) {
// won't work because "e" doesn't have a "type" property like normal JavaScript event objects do
if (e.type === "wheel") {
e.preventDefault();
}
}
I would actually prefer the second option, as it would open up a bunch of options for developers in those event handlers, including addressing this particular auto-closing issue.
Hello Jacob,
Thank you for submitting this feature request. I'll relate it to the one about the Tooltip, since we might come up with a common approach once this functionality gets approved for implementation.
Regards,
Ivan Danchev
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.