IE 11 Vertical Scroll Issue with Kendo-Template/tabstrip

[Bill]

I've got a Kendo UI Grid with row details displaying tabs, using the kendo-template and tabRowDetails.   I've got a div in the tab that contains text with over-flow-y: scroll so that the user can scroll through the text in the row detail without having to take up the whole page.  The scrolling works fine with Firefox, Chome, and Safari, but the vertical scroll does not work with IE11(scrolling with mouse wheel works ok).   The scrolling lags when clicking on the scroll bar and dragging...

The html looks like:
<div id="example" class="k-content">
     <div id="grid"></div>
     <script type="text/x-kendo-template" id="template">
         <div class="tabstrip">
             <ul class="tabRowDetails">
                 <li class="k-state-active tabformat" onclick="TabClicked(this)">
                         Visit
                </li>
                         etc.............             
          </ul>
        <div class="pageViewDetailsTop tabGeneral">
         <!--Customer Details-->
         <table>
            <tr>
                 <td>
                 </td>
                <td style="border-left: none;">
                           -----> scrolling div here......
                 </td>
          </tr>
        ............

[Dimo]

Hi Bill,

Have you verified that the problem is Kendo UI-related? For example, does an identical scrollable container outside the Grid on the same page scroll normally? If yes, we will need a runnable example for investigation. Before sending one, you can check whether the issue disappears if the Grid has fewer rows. In this case the problem is caused by too much HTML content (and too many Javascript objects, widgets, etc), and the page will need to be optimized, so that the CPU load is reduced.

Regards,
Dimo
Telerik

[Bill]

Dimo,

The pageSize was set to 10 (original 100).  This did make a difference and the scrolling did work and wasn't lagging.  I'll take a look at ways to optimize the webpage processing.  And hopefully Microsoft will optimize IE 11 for faster processing speeds...  No speed problems with Chrome, Firefox, Safari, etc....

Bill

[Bill]

Would like to add that the scrolling is pretty fast with the mouse wheel (as opposed to dragging the mouse) with 100 records.  That indicates to me that there are some processing issues in IE11.

[Dimo]

Hello Bill,

Thank you for the additional information. Indeed, it seems that the browser scrolling behavior has not been implemented in the best possible way. I hope you manage to overcome this problem.

Regards,
Dimo
Telerik

[Bill]

Following up: Another post mentioned the IE browser having problems handling the
":not" selector which is used in row details...

[Bill]

Follow up:
Here's a picture of IE's UI responsiveness when using row details.   Notice when opening the row details there is a time lag and there is also a time lag every time a different tag is clicked.  The event target for the tabs is '<a class="k-link">'.  The event target for the row detail is <a class="k-icon k-plus"> and the 'phase' for each is "Bubbling"...  The duration of the event is 6/10 of a second.

[Dimo]

Hello Bill,

It is true that Internet Explorer has problems with handling :not selectors and we have already made some optimizations with this regard in the past. However, :not selectors are still used in various scenarios. The easiest way to speed up the browser in such cases is to reduce the row count (i.e. page size).

Regards,
Dimo
Telerik