Dropdown with many thousands of items

[Matthew]

Hello all,

I'm working on an application that has an area where you import a list of ID numbers from a CSV file, entirely in the browser, no upload. We've been having performance issues with the <select> element and very large lists, so I decided to try a multiselect component with virtual scrolling. It works pretty well in Chrome, but as we are a government shop, we still have to support IE, and I've noticed a couple issues:

1. If I scroll to the bottom of the popup, it never goes past 54,824 rows
2. Somewhere around 450,000 items, the popup opens up with nearly zero height and no items are visible. The items are present in the popup, but according to this StackOverflow question, IE is interpreting the extremely large height value of the k-height-container as 0

The empty popup:

The popup markup with the first few list items showing in IE's devtools:

The virtual scrolling div with the item list collapsed, showing the k-height-container:

We just upgraded our application to Angular 7.2, and I'm using the latest compatible version of kendo-angular-dropdowns, 4.4.1. Could these issues perhaps have been addressed in a later version?

Thanks in advance,

Matt

[Martin]

Hi Matthew,

Thank you for the provided screenshots.

Generally speaking, the Internet Explorer 10 is not supported by the Angular framework, and soon the support of version 11 will be dropped as well:

https://angular.io/guide/deprecations#internet-explorer-11

As for the experienced issue, I am afraid that there are no updates in the latest version of the package which can be considered as a fix since it is a browser-specific limitation, rather than a bug in the MultiSelect functionality.

Regards,
Martin
Progress Telerik