Multi-select text input component

[hasaniqbal]

I’m trying to re-create a multi-select input component, like Mantine’s MultiSelct component: MultiSelect | Mantine

How it works: user clicks a text input field, they’re shown selectable options in a dropdown list. They can use the input field to search, by typing. When they click on one of the dropdown list items, it gets added to the input field as a removable pill.

Creating a multi-select when the selected items go to their own place is straight forward but I haven’t found anything for this use case.

[mbc66]

This thread has a solution that might help you.

2 repeaters updating/interacting with each other for a Multi-Select. (dropdown + pills)

Hi! This is all fixable. When you choose or unchoose the checkbox, update the Selected column to true or false OnItemLoad, check the checkbox if Item.Selected is true. You don’t need to uncheck it, as it’s unchecked by default in the repeater row. Keep in mind every time the repeater redraws (e.g., as it does upon applying a filter) each repeater row returns to its default state and OnItemLoad runs again, so you must have OnItemLoad code to select the checkbox (just like you have code to set …