How can I create a dropdown menu in Ionic?

Ionic Framework Ionic React
1

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.

1

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 :slight_smile:

2

Hello
Hope you doing well !!

I am happy to assist you.

I have 7+Years of Development experience .

To discuss further please reach me ator Email- [paulsmith0562@gmail.com]

Looking forward to hearing from you !!

Thanks