I am working on a sign up form that asks the user to select a school name from a preset list of schools. I have played around with a few input types but so far I cannot find one that allows me to limit results to a specific amount. I do not want the whole list of options to display (there are over 250 entries), preferably I would like nothing to display until the user starts typing.
I see in the documentation it looks like the Select component used to have this feature built in, but I no longer see it in the settings.
What would everyone’s recommendations be on creating something like this?
You can apply a filter on the Select/dropdown settings if you are using numeric ID’s for your Select Option values…. ID < 250 … something like that maybe…
I did try that but the issue is that the search functionality is also linked to the options, so filtering the options removes those from the search as well as the dropdown. I think I will have to just build my own component to make this work the way I want it to. Weird that the feature was removed though.
Quick simple trick. Check the UI elements panel (when you click add), SEARCH CAREFULLY there are THREE select elements one of the deprecated ones (it was the very first select element weweb had before this AI push and they made two new ones) has this feature built in. Look for it and pick it.
NOTE: it is NOT the one that you see by default - that’s their newest one, so you’ll need to actually look for this one (it also does NOT have deprecated written on it) so it can be easily confusing but if you search carefully you will find it, it is the one still referenced in the docs (because weweb hasn’t modernized those docs fully). It allows you to adjust something called “infinite scroll“ and so you can limit the initial list size to 5 or 10 and then it loads 10 more each time the user scrolls down. I use it everywhere and not the new one. But like I said it is not immediately obvious in the list of UI elements
