Close DropDownList on scroll

[Jesse]

I need to be able to close the DropDownList on every page when the user scrolls the page.  Some of my DropDownLists are input controls, some are divs, etc.  Here is my solution; is there a better solution?

(MainContent is the scrolling div that surrounds all the content)

$(function() {
       $('#main-content').on('scroll', function(e) {
           $("*").each(function() {
               var ddl = $(this).data("kendoDropDownList");
               if (ddl) {
                   ddl.close();
               }
           });
});

[Kiril Nikolov]

Hi Jesse,

I am afraid that there is not a better approach, than iterating iterating through all the Kendo UI DropDownList widgets, and close them using the close() method. A slight optimization might be a more specific jQuery selector, that will only select the DropDownList elements, so you will iterate only them and might not need the if statement then.

Regards,
Kiril Nikolov
Telerik