[New Plugin] Simple Searchable Dropdown — The dropdown Bubble should have shipped with 🔍

Thank you! Excited to hear what you think

Love it!

Just a couple questions:

  1. Are fields limited to primitive values, and not fields that are other data types?
    For instance, if I have a data type “User” with a Field “Company” which is a data type with it’s own values, can I set[name_text] [company_?_name] [company_?_region]? I’d understand if not, since these are lookup values on those fields, but I’m quite curious as that would be a major value enhancement. (And I’d assume fields that are ‘lists of things’ are not intended, since they’re just asking asking for poor UI without formatting, or aggregate operators like sum/count applied to them)
  2. Is there a “this input should not be empty” for the standard Bubble halting of workflows and highlighting of the ‘invalid’ dropdown in question? If not, that’s not too big of a deal since that’s fairly easy and common develop with ‘only when [dropdown is/isn’t empty]’ conditionals on WFs, in order to halt + show custom alert/helper text/formatting appear by setting custom state actions.
1 Like

Hey! Thanks for the great questions. Your wish is my command!

I just went ahead and added in the nested labels! So you can actually reference data inside your data you are bringing in and use that to search. That was a great idea! Thank you!!

Unfortunately there is not a way to tap into the ‘cannot be empty’ field so I added in a required and exposed a state that will say if its valid or not. You can then use that as you need.

Let me know if this does what you were looking for :saluting_face:

2 Likes

This looks great, is there a way to customise how the list looks? E.g. adding icons to the list options?

1 Like

Appreciate it. Right now with the custom labels you can add your own icon at the start or create a emoji field on each of your data types or categories and then bring that into the dropdown.

Are you looking for something in particular?

Incredible! Yes, and thanks for including the documentation/notation for pulling the nested fields, and updating the example. The option set with an icon as an attribute is a really neat example.

1 Like

Happy to help! I made a few more adjustments today such as enabling the keyboard to tab through the options and being able to use enter to select, as well as some loading improvements!

2 Likes

UPDATE: New Element Multi-Dropdown! :hammer_and_wrench:

v1.18 - Multi Dropdown

New element added to the plugin: Multi Dropdown. A multi-select companion to the Searchable Dropdown, sharing the same search, styling, and data source capabilities.

What’s new:

· Multi-select with checkbox indicators
· Three display modes: comma-separated values, removable tags, or count summary
· Select All / Deselect All toggle
· Backspace to remove the last selected item
· Selected items sort to the top when the dropdown opens
· Full tag styling: background, text color, border, radius, and spacing
· Custom checkbox and dropdown text colors
· Auto-growing input height for tags and wrapping comma display
· selections_changed event fires on every select or deselect
· selections_confirmed event fires on close when selections changed during that session
· Reset element action to clear all selections and restore initial state
· Keyboard navigation: arrow keys, enter to toggle, escape to close

1 Like

Updates keep rolling in!

Update v1.26: Add New Option Button + Select Item Action

The Searchable Dropdown now supports an Add New Option button - a customizable “+” row pinned below the dropdown list. When clicked, it publishes the typed search text to the Create Value state and triggers the Add New Option event. Wire that event to a workflow that opens a popup, creates the record, and you’re done.

New features:

Add New Option Button
· Enable via the New Option Button field
· Always visible below the dropdown without scrolling
· Customizable color, icon size, and label text
· Publishes the current search text so your creation workflow can use it

Select Item Action
· Programmatically set the dropdown’s selected value from a workflow
· Accepts any Thing
· Handles timing automatically - if the data source hasn’t refreshed yet, it queues the selection and applies it as soon as the item appears

Typical workflow:
User clicks “+” → Add New Option fires → Your workflow creates the record → Select Item action pushes it back into the dropdown as the selected value

2 Likes

Aaaaand because it made sense.

Update v1.28: Add New Option Button + Select Item Action for Multi Dropdown

See note above on how it works but now the multi dropdown also has this button