Dropdown Menu Options Appear Underneath Other Dropdown Menus

Hi @justravis,

I hope you are doing great today.

I checked this on a test website but could not replicate the issue. I suspect if some CSS from the theme or a plugin is conflicting and causing the issue.

Can you please check if the following CSS helps with resolving the issue?

.forminator-select.forminator-select-dropdown-container--open {
    z-index: 999999 !important;
}

I hope that helps.

Kind Regards,
Nebu John

Hi @wpmudevsupport14,
The given selector did not seem to apply. Below is a selector that technically applied, but it did not bring the open select boxes to the top.

.forminator-select.select2-container--open {
    z-index: 999999 !important;
}

Suggestions?

HAPPY NEW YEAR,

Travis

Hi @justravis

Please set up z-index with this value:
99999999 this should help.

Kind Regards,
Kris

Hi @wpmudevsupport13,
I appreciate you joining the discussion. Changing the value of the open select menu did not resolve the issue.

The z-index of the closed select menus turned out to be the problem.

.select2-container {
    z-index: 99999999;
}

This code resolved that problem:

.forminator-select.select2-container 
{
    z-index: initial;
}

I figured out why menus sometimes slide up instead of down too.

THANKS!