Dropdown button is appearing under another Dropdown when adding widgets

[MikeAlhayek]

Describe the bug

When adding a widget to a zone from under the "Design" tab. Clicking on "Add Widget" button show the available widgets menu under the next "Add Widget" button. Probably need adjust the z-index

Here is screenshot of before clicking "Add Widget" button

Here is a picture of after "Add Widget" is clicked.

[hishamco]

The z-index is a good option, but let me check why the button is the top most

[hishamco]

https://github.com/OrchardCMS/OrchardCore/blob/ef76b6f2a7faf716bd5f1754a394e9a755e20177/src/OrchardCore.Themes/TheAdmin/Assets/scss/modules/_layout.scss#L145

@Skrypt is z-index in .btn-dropdown was set for a special reason?

[Skrypt]

For that same reason where those dropdowns need to have a higher z-index than our top navbar and other elements. Though, here the issue is that the z-index needs to increment from top to bottom if you want these dropdowns to not appear through each other. Or maybe there is a different trick with Bootstrap that I don't know yet.

[hishamco]

For that same reason where those dropdowns need to have a higher z-index than our top navbar and other elements.

I though you are the one who did that ;)

[ryanwawr]

Running into the same problem, but the fact that both the dropdown menu and the button are 0.8 opacity when not hovered seems to exacerbate the issue, so would be nice if that were adjusted as well.

[MikeAlhayek]

Submitted a PR to fix this issue.