Remove user typed text within dropdown after the user has selected an option

[lovasoa]

Discussed in #704

^{Originally posted by RipalPH November 20, 2024}
I have dropdown with options and searchable and multiple row level parameter set as true allowing multiple select. I need a way to remove typed text by user once the option is selected. How do you achieve that with in built component. For example, if I type Ba in the dropdown it displays Banana as option but upon selecting Banana, it needs to remove typed text ba.

select
'form' as component,
'examples/show_variables.sql' as action,
'Reset' as reset;
select
'Fruits' as label,
'fruits[]' as name,
'select' as type,
TRUE as multiple,
TRUE as create_new,
'Good fruits...' as placeholder,
TRUE as searchable,
'press ctrl to select multiple values' as description,
'[{"label": "Orange", "value": 0, "selected": true}, {"label": "Apple", "value": 1}, {"label": "Banana", "value": 3, "selected": true}]' as options;

[lovasoa]

Hi @RipalPH ! Thanks for reporting this. This sounds like a bug, I'll investigate it.

[lovasoa]

fixed. The fix will be in v0.31, and is already on main images on docker.