[RELEASED] Selectize dropdown

  1. This is more on how you set thing on your side for the order. For example, you can have a field to set USA and UK first based on a number field “order”. With do a search for and sort it by this “order” field. For the search, use dynamic field search 2 and 3 and 4 to add more fields to be searchable. Look at the demo: Selectize: (Multi) Dropdown Input for the " HTML example using an API Last API Item added (use added index for APIs): No item added…" demo. This is almot exactly what you want for the search.

  2. This is already possible by using grouping. Group are not clickable from what I know (If Thimo didn’t add this feature). check the demo “group” part to have an idea how it work

Hi Team,

I’m having issues setting a conditional state on the “can create” option. It seems no matter what I do, the selectize dropdown will retain whatever can create value it was initially loaded with.

This is not something that was implemented before. So I guess @Thimo didn’t implemented that too. Maybe you can ask for a feature request to be able to update parameters.

That would be great! It does come up as an option when you configure conditional states, so I might use a workaround for now, and just have two versions of the element which are either visible or not as needed

I seem to be having an issue with the multi-select mode in selective. It seems like this might be a new issue as I’ve not noticed it before.

If you select a few items directly from the dropdown, but then want to start typing to search or create a new item, it’s next to impossible to activate the cursor - you seem to have to either try to click inside the small 4px wide input or click outside selectize then back in to reactivate it.

You can see that little guy there, which you don’t have to click precisely into when you initially activate the dropdown, only when you want to switch back to typing

1 Like

Another behaviour that seems odd.

I’m using a static list where “can create” is set to no, so I assume the list should be fixed.

If the user selects a value and then decides to backspace to clear the input, this also deletes the value from the list. This shouldn’t happen especially with a fixed list, or am I missing a setting?

Hi @Jici, @Thimo,

Thanks a lot for your plugin! It’s truly great.

There’s a weird behaviour that I can’t just get around. I use Selectize in a nested RG. When the auto-refresh is off, everything is alright. However, when I turn it on, the dropdown never opens from the first try. It twitches when I click on it, enabling focus, but then, for some reason, it triggers “blur” automatically without me doing it (I saw that only by adding an on-blur workflow on purpose), and I need to click multiple times to get it to open. And with auto-refresh set to off, I have to refresh the page every time the item from a RG is deleted or a new option is created (which is kind of stupid). I double-checked, and this twitching doesn’t happen outside of a RG. Have you ever noticed this behaviour? What could be the reason?

Another question I had was regarding performance. When there are 30-40 RG items with 10-15 RG items nested, it takes around 20- 30 seconds to load the whole thing. Is there a way to optimize it? Currently, the Dynamic List of Sources searches for a specific thing type without constraints.

Thank you!

EDIT: one more thing I noticed - the twitching only happens when there’s at least one option added to the dropdown (no twitching when it’s empty)

for anyone looking to solve this, the only thing that worked for me is a condition on Selectize that turns the auto-refresh off on focus.

Hi there, I hope someone can give me some guidance. I did email @Thimo 13 days ago, but got no answer

I seem to be missing a step in how to get the value of the dropdown in a workflow.
I have a dropdown showing a list of categories from an option set

What I am trying to achieve is using the selected value from the dropdown to set a page state that the repeating group then filters by.

What I am confused by is how to retrieve that value (similar to the std dropdown - “dropdown x’s value”). Any option I choose from the list throws an error.

Use all values id. If this is used as single choise, use :first item

Im getting a weird behaviour regarding the size of selectize dropdown, when there is no value selected height of the dropdown is ok but when an item is selected the height drops. Im using fixed heigth in layout settings? Se below images:



Any idea why this could be?

Can someone please confirm if this plugin can use api data in a dynamic list. I have no problem with Option Sets, but just cannot get data from an api (supabase table) to show. @Jici @Thimo

yup it does check the demo page selectize-demo | Bubble Editor and the Get List of Countries API call

Thanks @Bubbleboy.
Looks like I had to create a manual api call to the table and not go through the supabase plugin. Seems to work this way around. Will reach to the plugin author to investigate.

I am trying to extract a number id from a dropdown, but it is proving difficult.

My workflow adds a product to a supabase product database. In this DB I have to foreign keys linking to other DB’s, namely suppliers & product types. These foreign keys are in number format, related by ID.

As a test I have a standard dropdown with a DB as source

image

image

and a selectize dropdown with a similar DB source

image

image

On the workflow the JSON payload is

image

The issue is that the standard dropdown parses the id value as a number without issues an adds it to the database. The selectize dropdown throws an error

and does not seem to parse the number.

Can anyone please point me in the right direction as to how to do this. In a nutshell I am trying to extract the ID from the selected dropdown name value.

If it helps I am using @Nass (nocodegarden’s) supabase plugin. @Thimo @Jici

I have the same issue. It does not seem to respect the layout values. The drop shadow settings also seem to be ignored for the dropdown tab.

You don’t seem to use the id in the ID field of selectize dropdown(you set it to name). Also, if you are not using bubble database, you will.need to id all id text. All id or last id are only for bubble things

Thanks
The plugin only seems to accept text values, or am I mistaken? The id (number) is pulled from the database, but not shown as an option in the plugin.

Could you clarify what you mean by “id all id text”

An ID should always be set as text. Even if this is an interger. If you use API connector, you can modify the type of ID.

Is there any plan to add autobinding to this?

Also, I get a “Loading…” spinner for a few seconds every time on page load. Is there a way to hide this, style it, or just reduce the time to load?