Hi,
I am using Kendo UI for JS framework in my project. I have come across a couple of issues specifically in IE10 browser.
The grid has a horizontal scroll. We are displaying 3 grids on the same page. Unfortunately, I cannot share the sample code or screen shots from the actual website. I have tried to recreate the scenario in following example:
http://dojo.telerik.com/ekAgi/3
PFB list of issues:
1. On all the grids, when we click to get the column menu for the column nearest to the edge of the screen, the pop up appears for a second and disappears immediately. This issue is not reproducible in the example shared above.
2. On the second and third grid, when we click to get the column menu, it is not coming in correct position. Instead it comes up somewhere above the grid.
I tried a few things and was able to resolve the 1st issue by adding "collision:"fit", adjustSize:{width:10}" to the e.popup in kendo.columnmenu.min.js.
But I was not able to find a workaround for the 2nd issue.
Using the latest kendo scripts is not an option, since it might impact entire website and it will be a big change to test.
Kindly suggest some areas I can look for a possible fix.