Fuzzy Search
Bubble's native text search capabilities are a little limited, but they don't do a great job of returning entries with typos, or for automatically updating a list based on some input value.
In many cases the better UX is to implement so-called Fuzzy search: a search which returns entries that might be close, but not exactly identical, to what was typed.
We recommend using the ZQ Fuzzy Search & Autocomplete plugin to achieve this.
After installing the plugin, simply place the Search & Autocorrect visual element on the page.
You'll want to set the data source of the plugin to be the list of things you want to search through, then set the data source of your repeating group (where you'll display the filtered entries) to be the plugin element.
.jpg?alt=media&token=de5c8ca2-ad87-49f4-be26-48d1afea436c)
Then you simply connect the plugin to a text input (not a search box input!)
See this demo editor for how to setup:
(username = username | password = password)
In the demo above, the default behavior is for the repeating group to show all entries unless the user types in a minimum number of characters (enough characters to trigger the search - this is a parameter you set in the plugin). Use a conditional statement to achieve this (see editor link for reference).
Note, if you want to have your RG update in real time as the use types into the input, you'll need to:
- 1.Have Set Text to Match from an Input Box checked
- 2.
To give an ID attribute, you'll need to first enable this option from Settings > General
Last modified 1yr ago