Virtualised menu items

[Confidenceman02]

Elm-select will render all the items you give it and if it's thousands then things can lag. There is nothing unusual about this, its more so that the DOM can get slow with huge amounts of elements.

For the most part, folks wont really run in to this issue, especially when they are careful about the amount of items they are loading, but none the less I think it's worth thinking about performance and how elm-select might provide options for consumers when they do indeed want to render huge amounts of items.

Solutions

• Consumers to be careful about the amount of data they are loading in to elm-select. Elm-select takes no responsibility or ownership. (lowest effort)
• Provide a list virtualisation solution internally. This would mean elm-select handles the virtualisation entirely. (high effort).
• Provide an example for consumers to handle virtualisation with some elm-select help (high effort).

Resources

• VIDEO: react-virtualized
• SOURCE: react-virtualized