Skip to content

Virtual scrolling to improve performance of Options #771

@gabrielenosso

Description

@gabrielenosso

There are some issues opened about react-select performance, when it is used with a lot of options.
Main problem is simply that it renders a

for each option, even if you have more than 500 options (In my case I have more than 2000 options).

The best solution would be to use the "virtual scrolling" (sometimes called "buffered scrolling"): it's the technique used for large Data Tables.
It practically renders only a part of the options (50 of them for example), while it simulates all the others with one large and empty

(so that the vertical scrollbar is always consistent).

You can find a complete explanation of the concept here:
http://datatables.net/blog/2011-06-11

It would be awesome to have it in react-select!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions