Completed
Last Updated: 13 Jan 2020 09:19 by ADMIN
Release R1 2020
Li
Created on: 25 Sep 2019 11:41
Category: Window
Type: Bug Report
0
Slow scrolling in IE11

I have a scrollable div within kendo Window.

The said div contains selectable thumbnail, it will show a bigger version if clicked (functionality not included in the attached file)

The problem when there will be hundreds to thousands of images the scrolling in IE11 becomes almost unresponsive.

Attached sample have around a 1000.

Tested it with bootstrap modal, did not have any issue with scrolling in IE11.

Issue does not happen in other browsers, is this an issue with repaint and scroll in IE?

Attached Files:
3 comments
ADMIN
Aleksandar
Posted on: 27 Sep 2019 10:08

Hello John,

After further investigation it appears that the issue reported is a bug.  Thus, I have converted this item to a bug in the Public Feedback Portal and also logged it in the Kendo UI GitHub repository from when you could start tracking it:

As of now I'm afraid I cannot provide a workaround. 

As a token of gratitude for reporting this issue, I have also updated your Telerik Points accordingly

Regards,
Aleksandar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Li
Posted on: 27 Sep 2019 04:18

Hello Aleksandar,

 

The problem only happens if the scrollable div is within the Kendo Window.

If it is within the main screen no scrolling issues at all.

The ListView approach will still have a problem once all the images are loaded, since it is still within the Window.

 

ADMIN
Aleksandar
Posted on: 26 Sep 2019 10:39

Hello John,

the issue observed is Internet Explorer specific. Internet Explorer slowly handles widgets which use too many DOM elements and event listeners on the page.

If using another browser (i.e. Chrome) to provide better user experience in the context of the Kendo UI widgets is not an option you can have a look at the ListView widget and particularly the implementation of the endless scrolling as demonstrated in this demo. This way the user experience would improve significantly when using Internet Explorer as when bound to remote data, the ListView serializes only the items for one page. When the user scrolls to the end of the list, the ListView sends an AJAX request to get the items for the next page. When the data is returned, the ListView renders only the new items and appends them to the old ones.

I hope this helps. Should you have any further questions please get back to me.

Regards,
Aleksandar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.