DropdownList opens and then closes with 3/22+ releases

[Dustin]

The dropdownlist opens and then closes when you click on the drop down button starting with release 3/22 (also happens in 3/27 release). I set all scripts being used to the most current release (3/27) and set just the dropdownlist.js script to the beta release script (2/29) and it works fine. After it does this the first time, the widget is then fine. It's just that first time you click on it, it open and then closes right away. All my dropdownlist do this on my page and some use remote datasources and some I set the datasource to some local data object. I tried remove the optionLabel and index options on the initialization but to no positive affect.

This is the code I am using to initialize my dropdownlist...

$("#serviceTypes").kendoDropDownList({

        height: 300,

        optionLabel: "select...",

        index: 0,

        dataValueField: "ServiceId",

        dataTextField: "ServiceName",

        dataSource: {

            transport: {

                read: {

                    type: "POST",

                    url: "../Services/Js/ServiceCommonService_Js.svc/GetServiceTypes"

                }

            },

            schema: {

                data: "d"

            }

        },

        change: function(e) {

            getSearchTerms();

        }

    })

[Georgi Krustev]

Hello Dustin,

 
I tried to reproduce the depicted issue using our online demos, but to no avail. I also prepared a jsFiddle demo and everything works as expected on my end. Let me know if I am missing something.

Regards,
Georgi Krustev
the Telerik team

[Dustin]

The drop down doesn't even open in IE9 with jsfiddle. It works in firefox though. By the way, my issue with my site also exists in FireFox.

[Georgi Krustev]

Hello Dustin,

 
The reported issue related with IE9 is not related with KendoUI. It seams it is related with the jQuery and jsFiddle itself.

I created a simple html file, which uses the code from jsFiddle demo and everything works as expected. I tested in IE9, Chrome and Firefox. Check this screencast for more information. The file is attached to this message. If it is possible modify it to replicate the problem.

Regards,
Georgi Krustev
the Telerik team

[Casimodo]

I had the same issue until today. This troubled me for months, but I'm not in production mode yet, so I postponed looking at this issue.  In my case it was Bootstrap which was toggling the drop down when an arrow key was pressed.

The issue was healed when I switched from Bootstrap 3.3.4 to 3.3.5 today. No more crazy frog drop downs :-)

Regards,

Kasimier Buchcik

[Dan]

I am experiencing the same behavior in Kendo 2014.2.1008 in I.E. 9+ (Many of end users are using I.E. 9+)
I am implementing the dropdown  using the MVC  UI Wrapper
On initial view load the Dropdown (Animation) will open when clicked but will close back up on mouse click on scroller. If a selection is made the drop down (animation) then be behaives as intended. This is influenced by the fact that the wrapper has an intial value set i.e.:  .Value(selectedValue)

Is there a recommended solution? should I update my Kendo scripts? I am reluctant to do this as I have have run into other issues when doing this.

[Georgi Krustev]

Hello Dan,

Indeed, the described behavior is a known issue that was fixed in some of the future releases of Kendo UI.

The only solution that I can suggest is to upgrade to the latest official release of Kendo UI, as it includes many fixes and features (it is 2 years since 2014.2.x release) and is much more stable.

Regards,
Georgi Krustev
Telerik by Progress