How can I create a dropdown menu in Ionic?

I have this component which is what I want inside the dropdown menu

<div className="add-resource-dropdown">
      <form onSubmit={handleSubmit(onSubmit)}>
       ...
      </form>
    </div>

This component is inside an IonToolbar component.

When I click to make the dropdown appear, it doesn’t show up on top of the rest.
I thought it could be z-index or something of sorts, but even when I set that it still stays behind. Only when I take it out of the toolbar component does it show.

This is the html structure with the dropdown.

I read that I can use ion popover, but I just wanted to know if I can do my custom dropdown or why it’s not possible.

Thanks

2 posts - 2 participants

Read full topic