Dropdown/select for a huge amount of options

Hi @Antiokh :wave:

Indeed, 8k items is too many for the browser to render without slowing down significantly or crashing. This is not specific to WeWeb. You’ll need to filter and paginate your data in Supabase so it returns a reasonable number of options to render in the dropdown, preferably < 100 to keep things smooth.

So the idea is the following:

  • have a collection with a pagination that returns only a few dozen items
  • bind that collection to your dropdown options
  • as the user scrolls down the dropdown, fetch more and more items
  • when the user types in something in the search, refetch that collection with those filters

Does that make sense?

Here’s some documentation that might help with this:

EDIT: just saw your post here and it looks like you may already have tried working with paginated data. Could you record a short video showing me how things are setup on your side? I’ll try to reproduce the issue you’re facing on one of my Supabase projects and find a solution for you

1 Like