Css UI dialog issues

Just FYI…
the Icon library popup window conflicts with the WP Editor controls. To fix, you can add a simple toggle class

You may need to add these to styles:
.low-z-index{z-index:1 !Important;}

and this js to your popup click:

$('.wp-editor-expand div.mce-toolbar-grp').toggleClass('low-z-index');
$('.wp-editor-expand #wp-content-editor-tools').toggleClass('low-z-index');

and this to the popup close:

$('.wp-editor-expand div.mce-toolbar-grp').toggleClass('low-z-index');
$('.wp-editor-expand #wp-content-editor-tools').toggleClass('low-z-index');

Also, The icons css are not centered inside box

• This topic was modified 4 years ago by samjco.