Modal Overlay Z-index

  • Hi. We are not able to save anything when the popup windows show because the modal overlay appeared on top of the popup windows and doesn’t allow you to click on the save or ok button Look at the screenshot https://prnt.sc/fmjm6g

    This is the div causing it:
    <div class="ui-widget-overlay ui-front" style="z-index: 9998; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgb(0, 0, 0); opacity: 0.5;"></div>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This topic was modified 7 years, 9 months ago by bdbrown.
    • This topic was modified 7 years, 9 months ago by bdbrown.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jeff Sterup

    (@foomagoo)

    What is the z-index set to on the ui-dialog object right next to that on the page? In PO-admin.css it should be set to 9999 which puts it above the ui-widget-overlay. That is the box in the middle of the page with the button. It is not required to click the ok button for the settings to be saved. But it is annoying to have to refresh the page after saving.

    Thread Starter frnkoc

    (@frnkoc)

    Hi Jeff.

    It looks that wpdatatables plugin is overriding the z-index of the ui-dialog as shown in this screenshot. https://prnt.sc/fod9v0

    Plugin Author Jeff Sterup

    (@foomagoo)

    This should be fixed in version 9.2.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modal Overlay Z-index’ is closed to new replies.