I have a dropdown with ~32K options currently and it takes a second or two for the dropdown to load.
This happens on both mobile & desktop (v8.1.27)
I tried moving the direct binding to an onStartup script, thinking it was reloading every time it dropped down, but that did not help any. The query is almost instantaneous and is only two columns of integers.
I also have the named query being cached for 60 seconds but that also makes no difference.
Anyone else have any ideas on how to make it more performant?
Is the content something that can be split up into a multi-tiered dropdown? From a UX point of view, a single dropdown with 32k options sounds like a nightmare regardless of the performance.
5 Likes
No, it is a list of open work orders. It was more to make validation easier since they can't add a value, plus I get my ID column from the DB to pass back to queries. I can do it via Text Field, it's just not a pretty and I went down a rabbit hole with this particular issue.
And also the search function was nice.
A table component with virtualized: true is going to be a lot more performant.
The dropdown won't be, because no matter what, you're constructing at least 32,000 DOM elements.
2 Likes