Support large data sets in Autocomplete

[mimarz]

Selects/Autocompletes/Comboboxes are in most cases used for selecting tags in Equinor. Tags are usually very large data sets so we should probably do some optimising for our upcoming Autocomplete to support large data sets.

Examples from downshift using react-window

[sindre-nistad]

We have a similar problem in a project, where ~5000 options is available in some cases.
This causes the component to be very slow, and only render part of the items.

[oddvernes]

Interesting! Well since we are currently looking at lazy-rendering table in #2561 there may be some lessons learned there. I am moving this ticket higher up from the debths of the backlog 👍

[oddvernes]

@sindre-nistad We have a test release out now if you have the opportunity to check it out 👍 @equinor/eds-core-react@next. Currently virtualization is always on just to avoid bloating this component with even more code but I may have to add a virtualize prop if this does not work in some cases like ssr (yet to be tested)

[sindre-nistad]

Great! I'll check it out

[sindre-nistad]

Initial testing shows great promise. I've tried it with a dropdown with ~5000 elements, and one with ~1800 elements.
Scrolling, and really fast scrolling does not cause the app to slow to a crawl.
If I let the scroll wheel fly freely, the elements seem to render occasionally, but it still scrolls down. During really fast scroll the elements may disappear completely.
Searching, and selecting works smoothly.