Filter Click Broken in IE8

[Ryan]

The filter icon doesn't display the filter selection in IE8.  However it works in Firefox & Chrome.  

Any Ideas?

Aspx header Include. 

<script type="text/javascript" src="../Scripts/kendo/2012.2.710/kendo.web.min.js"></script>

Javascript from doc ready. 

ds = new kendo.data.DataSource({

       error: function (e) {

           $('#summaryTable').html(e.xhr.responseText);

       },

       serverPaging: false,

       serverSorting: false,

       schema: {

           data: "d.Vehicles",

           model: {

               id: "Ip",

               fields: {

                   Name: { type: "string" },

                   LastMotion: { type: "date" },

                   Hours: { type: "number" }

               }

           }

       },

       transport: {

           read: {

               url: appRoot + 'services/reports/motion.asmx/VehicleLastMotion',

               contentType: 'application/json; charset=utf-8',

               dataType: 'json',

               type: 'POST'

           },

           parameterMap: function (data, operation) {

               var x = { tags: '{0}'.format(GetSelectorTags().qry) };

               return JSON.stringify(x);

           }

       },

       change: function (e) {

           var d = ds.data();

           $('#count').html((d.length != 0) ? 'Count: {0}'.format(d.length) : 'No vehicles exists for your search criteria. Filter = {0}'.format(GetSelectorTags().qry));

 

           if (d.length != 0) { $('#exportLink').show(); } else { $('#exportLink').hide(); }

 

           GraphMotionData(d);

 

       }

 

   });

 

   var grid = $('#summaryTable').kendoGrid({

       resizable: false,

       filterable: true,

       selectable: 'row',

       pageable: false,

       sortable: {  mode: 'single', allowUnsort: false },

       columns: [

                   { field: 'Name', title: 'Vehicle', width: '*' },

                   { field: 'Hours', title: 'Hours', width: '70px' },

                   { field: 'LastMotion', title: 'Last Motion', width: '180px', template: '#= kendo.toString(LastMotion,"MM/dd/yyyy hh:mm:ss") #' }

                ],

       dataSource: ds,

       autoBind: false

   });

 

   var grid = $("#summaryTable").data("kendoGrid");

 

   grid.bind("change", function () {

       //if grid single row selection is enabled

       var model = grid.dataItem(grid.select());

       DisplayVehicleInformation(model.id, model.Name);

   });

[Nikolay Rusev]

Hello Ryan,

We are not sure how to reproduce that. It seems to be working on out demos:
http://demos.kendoui.com/web/grid/local-data.html

Can you create jsfiddle/jsbin replicating the behavior?

Regards,
Nikolay Rusev
the Telerik team

[Ryan]

It seem's that <meta http-equiv="x-ua-compatible" content="IE=8" /> causes the problem..

[Shawn]

Don't know why, but it fixes our problem on IE 8.
Thanks!

[Carsten]

Hey guys, 
i had the same problem as described here, but the compatibility mode was not an option.
I found a solution in my case and posted it here: http://www.kendoui.com/forums/ui/grid/filter-click-and-scrolling-broken-in-ie8.aspx#2409815