NodeFilter is undefined error when using IE Compatibility mode with Kendo UI SPA application

[Raja]

I am building a Kendo UI application which is working perfectly fine in IE11. But when I add the site to be displayed in compatibility mode in IE11 i am getting an error "'NodeFilter' is undefined'. It raises this error while rendering the layout. see below code.var appRouter = new kendo.Router({
init: function () {
layout.render("#application");
}
});Error is raised in kendo.web.min.js where it tries to remove white spaces (I guess by the name). This is the line of code that is failing.var t=document.createNodeIterator(n,NodeFilter.SHOW_TEXT,function(t){...}

Just learned that NodeFilter is a property for window object. window.NodeFilter is null when compatibility mode is enabled in IE11. But Telerik demo SPA site works fine under these settings.

I have posted this question here also http://stackoverflow.com/questions/24372876/nodefilter-is-undefined-error-when-using-ie-compatibility-mode-with-kendo-ui-spa

[Petyo]

Hi Raja,

Due to numerous quirks (like the one you have encountered) Kendo UI does not support IE compatibility mode. 

Regards,
Petyo
Telerik

 

 

[Raja]

Thanks Petyo. Just curious on how your SPA demo site Sushi works in compatibility mode. It is not fully functional but it does load the home page.

[Petyo]

Hi Raja,

Most likely the demo works because the codebase does not hit this particular execution path (the strip whitespace method). 

Regards,
Petyo
Telerik