How to close dropdown upon selection of item?

I have a dropdown element.

How do I close the dropdown upon selection of item?

Example: I click on “Not Started” but the dropdown doesn’t close.

image

This as far as I know is currently not supported. I suggest you make your own component

Oh I figured it out by creating a new component as you mentioned. Thank you.

Are you handling also the click outside?

How did you create that component? Just a div that has absolute positioning?

Unfortunately no. But the dropdown closes when the user clicks on the button again, so I guess it’s still not too bad?

Any ideas on how one can close the dropdown when the user clicks outside?

Use the dropdown element! Put the dropdown into a container and then that container into a component :slight_smile:

Do you need to create a custom nocode component from the structure:

Container > Dropdown?

Or is placing the dropdown in a Container element sufficient?

Yes I created a component, if not you cant repeat it without causing a headache :slight_smile:

1 Like