Combobox drop panel/dropdown stuck on IE 8

[Navnit]

With reference to the attached image

Following is the behavior:

• Issue happens only on the first drop panel that is clicked, once its open it doesn't close, all the other combos work except the first one that is clicked.
• Issue does not happen when there is more content on the page, basically page height is large enough.

We are using Select tag and convert it to combobox

$(this).kendoComboBox({

    filter: "contains",

    height: 200,

    change: function (e) {

        if (this._selected == null) {

            this.text("(None)");

        }

    }

});

We are using:
jQuery v1.7.1
Kendo UI v2011.3.1129
ASP.Net MVC 3 (not sure if that matters)

[Nick Markovic]

I am having the same issue. I have the kendo dropdown within a radwindow. The problem will only happens when opening the first dropdown causes scroll bars to appear on the window.

[Navnit]

Issue was fixed after upgrading to 01/2012 release.

[Navnit]

Recently we upgraded to Kendo v2012.2.710 & jQuery 1.7.2 and started seeing issues with datepicker & Combobox getting stuck or not open on IE8, but issues where fixed after downgrading to jQuery 1.7.1.

We are using Kendo with knockout-kendo bindings.

[Adrian]

We were having the same issue with the DatePicker: sticks open sometimes or doesn't open in IE8.  It didn't seem to be an issue on IE9 in IE8 mode.
Kendo version = Kendo UI Complete v2012.1.322
jQuery version = 1.7.2

The original reason for jQuery 1.7.2 was for specific date validation on the DatePicker field.  With jQuery 1.7.1, the validation warning would not go away even with a valid date.

There were a couple solutions I found:
1) In the native IE8 browser turn on compatibility view
2) Follow what is done in the KendoUI demos by using jQuery 1.7.1 and setting the IE compatible mode to "Edge"

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

Note that Microsoft says this about Edge mode, so be advised:

• Edge mode tells Internet Explorer to display content in the highest mode available. With Internet Explorer 9, this is equivalent to IE9 mode. If a (hypothetical) future release of Internet Explorer supported a higher compatibility mode, pages set to edge mode would appear in the highest mode supported by that version. Those same pages would still appear in IE9 mode when viewed with Internet Explorer 9.

Because edge mode documents display webpages using the highest mode available to the version of Internet Explorer used to view them, it is recommended that you should only use this document mode for testing purposes only. Do not use it for production uses.