This is a migrated thread and some comments may be shown as answers.

Combobox drop panel/dropdown stuck on IE 8

4 Answers 203 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Navnit
Top achievements
Rank 1
Navnit asked on 22 Mar 2012, 02:40 AM
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)

4 Answers, 1 is accepted

Sort by
0
Nick Markovic
Top achievements
Rank 1
answered on 13 Apr 2012, 07:53 PM
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.
0
Navnit
Top achievements
Rank 1
answered on 04 Jun 2012, 07:24 PM
Issue was fixed after upgrading to 01/2012 release.
0
Navnit
Top achievements
Rank 1
answered on 30 Aug 2012, 04:41 PM
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.
0
Adrian
Top achievements
Rank 1
answered on 20 Sep 2012, 09:34 PM
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.

Tags
ComboBox
Asked by
Navnit
Top achievements
Rank 1
Answers by
Nick Markovic
Top achievements
Rank 1
Navnit
Top achievements
Rank 1
Adrian
Top achievements
Rank 1
Share this question
or