Dropdown list within a drawer

Hello, Is there a simple way to implement a dropdown list in a drawer. We have an implementation now but on click instead of overlaying the content below, it pushes the content down to display the full dropdown list.
We have a manual multi-select implementation now (Using containers). Does anyone know what can be a way out for me?

Hi, Jemea, and thank you for reaching out! :slight_smile: There are ways to achieve this, and it very much depends on how your layout is set up. As an example this can be solved by setting the container on the top (that holds the filter and the entire drawer) to flex horizontally with height: 0 and z-index: 1. The z-index will place your component higher in the stacking order, which will make it appear on top of the other components.
Appfarm Docs: Component Properties: Positiong
Please let me know if your layout is set up in another way so we can make this happen! :slight_smile:

There is also a built-in Popover component you can consider:
Appfarm Docs: Popover

We do have a built-in component for Multi-Select with the functionality you need, but it is a Select (dropdown) menu, so it depends on how it will fit in with the rest of your design. Check it out and see what you think:
Appfarm Docs: Multi-Select


1 Like

Thank you Tonje. I used the popover and it works. Thanks!

1 Like