Dropdowns in the admin area appear underneath the modal window

Question

Dropdowns in the admin area appear underneath the modal window making it impossible to select a required dropdown, example: When I add new membership type I can't select Membership Organisation or Financial Type, see the screenshot:

Answer 1

It was a conflict with css coming from another plugin (Slider Revolution). Its global.css has defined the following css property .ui-dialog { z-index: 1000102 !important; } which caused the behaviour described above.

Answer 2

on functions.php add :

function my_custom_fonts() {
  echo '
     .select2-drop-active{ z-index: 99999999 !important;}
';
}

Answer 3

One hack around this that works for us is:

1. Click the dropdown
2. Move drag the pop-up box to one side to see what the dropdown displays
3. Click the dropdown again to close it
4. Click the dropdown once more
5. Use the curser keys to select your dropdown option
6. Hit the Enter key on your keyboard to select the dropdown option.

Answer 4

This is based on what user17092013 wrote above.

add_action('admin_head', 'my_custom_fonts');

function my_custom_fonts() {
  echo '
     .select2-drop-active { z-index: 99999999 !important; }
     ';
}