A single element that adds typo-tolerant, accent-insensitive search to Bubble’s native mobile editor.

Search runs on the device. There is no API, no key and no account, and no server round trip between a keystroke and a result. The element includes a search box, or works with an input you build yourself.

Requires Bubble’s native mobile editor. Works on iOS and Android.


Quick start

  1. Drag the Search element onto a mobile page and give it a height of 44.

  2. Fill in four properties:

    Property Example
    Data type Product
    Data source Do a search for Products
    Search field 1 Name
    Search field 2 Description
  3. Add a Repeating Group of the same type, with data source Search's results.

No workflow is needed. The full list appears when the screen opens and filters as the user types.


How matching works

Typos

Tolerance scales with the length of the word. A three-letter word gets no leeway, because forgiving one letter in sol would also match sal, col and sur. Longer words get more room.

Tolerance 3 letters 4–5 6–7 8+
strict none none none none
normal (default) none 1 mistake 1 mistake 2 mistakes
loose 1 mistake 1 mistake 2 mistakes 2 mistakes

Two swapped letters count as one mistake rather than two, since that is the common typo when typing quickly: zpaatos matches Zapatos.

Accents

Accents are ignored in both directions.

Typed Finds
jose José
José jose
manana Mañana
cafe Café
pinguino pingüino

Also folded: ßss, æae, œoe, øo, plus the rest of Latin-1 and Latin Extended-A.

Non-Latin alphabets (Cyrillic, Greek, Arabic, Hebrew, Japanese, Chinese) are left as they are, so search keeps working in those languages.