bento-design-system
bento-design-system copied to clipboard
SelectField is laggy when the number of items is very large
For example, if you have a SelectField
with all the countries in the world, then it starts to lag.
This is due to the lack of virtualization in react-select, see https://github.com/JedWatson/react-select/issues/3128 and https://github.com/JedWatson/react-select/issues/2850 for more info.
Judging from those threads, a promising solution would be to have a custom MenuList
built on top of react-virtualized
's List
I reproduced the bug in this playroom