Answers.Body: <p>on functions.php add :</p>
  
  <pre>
  function my_custom_fonts() {
    echo '
       .select2-drop-active{ z-index: 99999999 !important;}
  ';
  }
  
  </pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-11T10:55:16.727Z
Answers.LastActivityDate: 2017-05-11T10:55:16.727Z
Answers.UserDisplayName: user17092013
Answers.Body: <p>One hack around this that works for us is:</p>
  
  <ol>
  <li>Click the dropdown</li>
  <li>Move drag the pop-up box to one side to see what the dropdown displays</li>
  <li>Click the dropdown again to close it</li>
  <li>Click the dropdown once more</li>
  <li>Use the curser keys to select your dropdown option</li>
  <li>Hit the Enter key on your keyboard to select the dropdown option.</li>
  </ol>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-11-27T00:26:18.753Z
Answers.LastActivityDate: 2018-11-27T00:26:18.753Z
Answers.UserDisplayName: Kevin V
Answers.Body: <p>This is based on what user17092013 wrote above.</p>
  
  <pre>
  add_action('admin_head', 'my_custom_fonts');
  
  function my_custom_fonts() {
    echo '
       .select2-drop-active { z-index: 99999999 !important; }
       ';
  }</pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-06-12T00:52:38.140Z
Answers.LastActivityDate: 2019-06-12T00:52:38.140Z
Answers.UserDisplayName: chriskuffner
Answers.Body: <p>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.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-02-19T22:39:25.300Z
Answers.LastActivityDate: 2016-02-19T22:39:25.300Z
Answers.UserDisplayName: Stoycho
Body: <p>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: <a href="https://i.sstatic.net/WUFlw.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/WUFlw.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2016-02-19T18:35:54.340Z
Comments.Text: Are you able to reproduce this problem in the demo site? http://wpmaster.demo.civicrm.org/
Comments.UserDisplayName: William Mortada
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2016-02-19T18:37:04.417Z
Comments.Text: It would be helpful if you could add the versions of CiviCRM and WordPress that you are using.
Comments.UserDisplayName: William Mortada
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2016-02-19T18:44:05.497Z
Comments.Text: It 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?
Comments.UserDisplayName: Stoycho
Tags: <wordpress><civimember>
Title: Dropdowns in the admin area appear underneath the modal window
ThreadText: # Dropdowns in the admin area appear underneath the modal window
  
  (Asked by: username_0 on 2016-02-19)
  
  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: [![enter image description here](https://i.sstatic.net/WUFlw.png)](https://i.sstatic.net/WUFlw.png)
  
  **Tags:** wordpress, civimember
  
  > **Comments:**
  > **username_1**: Are you able to reproduce this problem in the demo site? http://wpmaster.demo.civicrm.org/  
  > **username_1**: It would be helpful if you could add the versions of CiviCRM and WordPress that you are using.  
  > **username_0**: It 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?  
  
  ---
  
  ## 4 answers
  
  ### Answer by username_0 on 2016-02-19. Score: 5 | Accepted answer
  
  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 by username_2 on 2017-05-11. Score: 1
  
  on functions.php add :
  
  function my_custom_fonts() {
    echo '
       .select2-drop-active{ z-index: 99999999 !important;}
  ';
  }
  
  
  ---
  
  ### Answer by username_3 on 2018-11-27. Score: 0
  
  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 by username_4 on 2019-06-12. Score: 0
  
  This is based on what username_2 wrote above.
  
  add_action('admin_head', 'my_custom_fonts');
  
  function my_custom_fonts() {
    echo '
       .select2-drop-active { z-index: 99999999 !important; }
       ';
  }
  
  
  ---
  
  