Answers.Body: <p>The solution provided by @mahrez-othemeni is good except it won't work if you are in a popup that has a CKEditor and you open a dialog from there. i.e. try to add a link.</p>
  
  <p>Here is the solution we use that seems to work. 
  Add this css code in your theme :</p>
  
  <pre><code>body.toplevel_page_CiviCRM .ui-dialog {
     z-index: 1000 !important;
  }
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-05-17T19:00:22.320Z
Answers.LastActivityDate: 2018-05-17T19:00:22.320Z
Answers.UserDisplayName: samuelsov
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-11T11:12:03.653Z
Answers.LastActivityDate: 2017-05-11T11:12:03.653Z
Answers.UserDisplayName: user17092013
Answers.Body: <p>I had a similar problem with this - <a href="https://issues.civicrm.org/jira/browse/CRM-18496" rel="nofollow noreferrer">See CRM 18496</a>.  It turned out that there may have been interference with CiviCRM's jQuery and CSS from a Wordpress plugin.  You could try deactivating any plugins that you have installed, one by one, to see if there is conflict.  My problem went away without me discovering which of the many plugins I have was the culprit but one of them that I deactivated was Jetpack.</p>
  
  <p>Unfortunately, you can't test this out on the demo site because you can't there create a new page in which to enter the appropriate civicrm shortcode.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-08T21:46:46.640Z
Answers.Text: Ok I eventually found that the problem goes away if the OpenTickets plugin, from opentickets.com, is deactivated.  I will track it down from there.  Thanks.
Answers.UserDisplayName: twowheeler
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-08T10:37:41.270Z
Answers.LastActivityDate: 2017-01-08T10:54:51.113Z
Answers.LastEditDate: 2017-01-08T10:54:51.113Z
Answers.UserDisplayName: peterb
Body: <p>In wordpress, when adding a new page or post, a CiviCRM button is available to add content from Civi.  The "Insert CiviCRM Content" dialog box opens as expected, but the select box doesn't allow a selection.  The select box contains "User Dashboard", "Profile", "Contribution Page" and "Event Page", but these options open underneath the dialog box and can't be clicked.    <a href="https://i.sstatic.net/AwQ1Q.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/AwQ1Q.png" alt="enter image description here"></a></p>
  
  <p>Turns out that this is because the select box has a z-index of 399,999. I can't find any CSS conflict that would cause this, and there is no JS error in the console.  Any suggestions would be appreciated.</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-01-07T23:27:03.937Z
Comments.Text: Can you confirm that this happens on the WP demo site at http://demo.civicrm.org?  I know you said there's no CSS conflict, but it's worth investigating whether the issue is theme-specific.  Also, does the problem occur on your site if you use one of the default themes (e.g. twentysixteen)?
Comments.UserDisplayName: Jon G - Megaphone Tech
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-18T13:17:49.870Z
Comments.Text: I have just come across this searching for the same problem
  It seems for me Slider Revolution is the plugin causing this.
  Would the code posted above help and where would I find functions.php function my_custom_fonts() { echo ' .select2-drop-active{ z-index: 99999999 !important;}
  ';
  } TIA Scott
Comments.UserDisplayName: Scott Vinnicombe
Tags: <wordpress><cms-integration>
Title: CiviCRM select box items can't be selected in wordpress page create
ThreadText: # CiviCRM select box items can't be selected in wordpress page create
  
  (Asked by: username_0 on 2017-01-07)
  
  In wordpress, when adding a new page or post, a CiviCRM button is available to add content from Civi. The "Insert CiviCRM Content" dialog box opens as expected, but the select box doesn't allow a selection. The select box contains "User Dashboard", "Profile", "Contribution Page" and "Event Page", but these options open underneath the dialog box and can't be clicked. [![enter image description here](https://i.sstatic.net/AwQ1Q.png)](https://i.sstatic.net/AwQ1Q.png)
  
  Turns out that this is because the select box has a z-index of 399,999. I can't find any CSS conflict that would cause this, and there is no JS error in the console. Any suggestions would be appreciated.
  
  **Tags:** wordpress, cms-integration
  
  > **Comments:**
  > **username_1**: Can you confirm that this happens on the WP demo site at http://demo.civicrm.org?  I know you said there's no CSS conflict, but it's worth investigating whether the issue is theme-specific.  Also, does the problem occur on your site if you use one of the default themes (e.g. twentysixteen)?  
  > **username_2**: I have just come across this searching for the same problem It seems for me Slider Revolution is the plugin causing this. Would the code posted above help and where would I find functions.php function my_custom_fonts() { echo ' .select2-drop-active{ z-index: 99999999 !important;} '; } TIA Scott  
  
  ---
  
  ## 3 answers
  
  ### Answer by username_5 on 2017-01-08. Score: 4 | Accepted answer
  
  I had a similar problem with this - [See CRM 18496](https://issues.civicrm.org/jira/browse/CRM-18496). It turned out that there may have been interference with CiviCRM's jQuery and CSS from a Wordpress plugin. You could try deactivating any plugins that you have installed, one by one, to see if there is conflict. My problem went away without me discovering which of the many plugins I have was the culprit but one of them that I deactivated was Jetpack.
  
  Unfortunately, you can't test this out on the demo site because you can't there create a new page in which to enter the appropriate civicrm shortcode.
  
  > **Comments:**
  > **username_0**: Ok I eventually found that the problem goes away if the OpenTickets plugin, from opentickets.com, is deactivated.  I will track it down from there.  Thanks.  
  
  ---
  
  ### Answer by username_3 on 2018-05-17. Score: 0
  
  The solution provided by @mahrez-othemeni is good except it won't work if you are in a popup that has a CKEditor and you open a dialog from there. i.e. try to add a link.
  Here is the solution we use that seems to work. 
  Add this css code in your theme :
  body.toplevel_page_CiviCRM .ui-dialog {
     z-index: 1000 !important;
  }
  
  
  ---
  
  ### Answer by username_4 on 2017-05-11. Score: 0
  
  on functions.php add :
  
  function my_custom_fonts() {
    echo '
       .select2-drop-active{ z-index: 99999999 !important;}
  ';
  }
  
  
  ---
  
  