Problem in IE11 with enabled compatibility mode

[Thomas Sonnenschein]

Hello Forum,

  I have a problem with kendo windows in ie 11 if the (in)compatibility mode is enabled.

If the user has enabled this annoying mode (default is on for all intranet pages :(, who has decided this crap?) I show the a dialog with a link to a page, how to deactivate this, because the complete webside is not working correct in this mode.

This worked without problems until I upgraded to Kendo for MVC 2017 R2 SP1.

If I try to create a kendo window in javascript with this code:

var kendoWindow = $("<div />").kendoWindow(
{
    title: headline,
    resizable: false,
    modal: true,
    width: "500px"
});

I get a Javascript exception:

Unhandled exception at line 46, column 7165 in http://localhost:3364/Scripts/kendo/2017.2.621/kendo.all.min.js
0x800a01b6 - Runtimeerror in JavaScript: The Object has no Property or Method "indexOf".

I tried different Demo code from the telerik demo page (also as MVC directive) but got always the same error.

Has anyone else seen this behaviour and found a solution for this? For now I have to switch to a simple javascript alert.

Greetings

  Thomas

[Nencho]

Hello Thomas,

I am afraid that the Compatibility mode is not supported with our components. The reason is that it emulates an old version of the browser, where the widgets are also no supported.

This is stated in our documentation article below:

http://docs.telerik.com/kendo-ui/intro/supporting/browser-support#notes-on-web-browser-support

On a side note, you can try initialize the window on a no-selfclosing tag. In other words, use <div></div> instead of <div />

Regards,
Nencho
Progress Telerik

[Thomas Sonnenschein]

Hello Nencho,

  thank you for your answer.

That the (in)compatibility mode is a whole crap, we have not to discuss about. My web application was even as ASPX-Version neither now as MVC not working in this mode. So to give the user a hint, that the configuration of IE has to be changed, I used until now a modal telerik window with a link to a help page. This was working fine until I updated from Version 2016.1.226 to 2017.2.621 of Kendo for MVC.

For the moment I use a simple javascript alert, where the user has to copy and paste the link and cannot click to solve this issue.

Your tip, to use a no-selfclosing tag I have to test. After that I can give additional feedback.

Greetings,

  Thomas

[Thomas Sonnenschein]

Hello again,

  the no-selfclosing tag has no effect. Kendo Window throws the same exception.

Greetings,

  Thomas

[Nencho]

Hello Thomas,

Instead for prompting the user to manually change the emulation of the browser, you can try using the meta tag, which will force the browser the load in Standard Mode. This is also described in the documentation article that I had referenced:

http://docs.telerik.com/kendo-ui/intro/supporting/browser-support#notes-on-web-browser-support

Also, there are some public threads on that matter:

https://stackoverflow.com/questions/3449286/force-ie-compatibility-mode-off-using-tags

https://stackoverflow.com/questions/5374099/how-do-i-force-internet-explorer-to-render-in-standards-mode-and-not-in-quirks

Regards,
Nencho
Progress Telerik