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:
-
Are you able to reproduce this problem in the demo site? wpmaster.demo.civicrm.org – William Mortada Feb 19 '16 at 18:35
-
It would be helpful if you could add the versions of CiviCRM and WordPress that you are using. – William Mortada Feb 19 '16 at 18:37
-
1It is fine on the demo site. I'm on civiCRM 4.6 with Wordpress 4.3.2 The demo site is on Wordpress 4.4.2. Could it be that small version difference in Wordpress? – Stoycho Feb 19 '16 at 18:44
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.
on functions.php add :
function my_custom_fonts() { echo ' .select2-drop-active{ z-index: 99999999 !important;} '; }
One hack around this that works for us is:
- Click the dropdown
- Move drag the pop-up box to one side to see what the dropdown displays
- Click the dropdown again to close it
- Click the dropdown once more
- Use the curser keys to select your dropdown option
- Hit the Enter key on your keyboard to select the dropdown option.
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; } '; }