TinyMCE Modal Conflict

WPRM conflicts with some TinyMCE modals since WordPress 4.9.

For example we are unable to insert special characters into pages. The Special Characters modal pops up when the ‘Omega’ button is clicked but the overlay remains over the model box.

Disabling WPRM solves the problem.

A quick fix is to add the following CSS to the admin_head:

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
  z-index: 999999!important
}

This can be done by adding the following code to a theme’s functions.php file:

function vr51_admin_css() {
     echo "
    <style type='text/css'>
		.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
		  z-index: 999999!important;
		}
    </style>
    ";
}
add_action( 'admin_head', 'vr51_admin_css' );