Skip to content

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

Closed
@lovasoa

Description

@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;

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions