Fixed popup problem: “Overflow: hidden” from overlay locks scrolling

  • Resolved cudak888

    (@cudak888)


    7 years, 1 month ago

    Note: The page I’m working on is on a local server and cannot be shown due to client restrictions. Sorry.

    I’m presently working on a page that has two Popup Maker popups – one is a fixed popup that sticks to the window footer and has no overlay (it asks if the user is willing to share feedback with us). It opens automatically. This is the popup causing the problem.

    The other is a popup (it’s contains the submission fields for feedback) overlay that opens if the user clicks “yes” on the first popup; it is opened by class. There is nothing essentially wrong with this second popup, but it factors in to the end product.

    This said, I’m having an issue where the following code is being inserted into the page by Popup Maker. When it gets written on page load, the scrollbar disappears and the main page behind the popup cannot be moved at all:

    html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
}

    If I manually cut this CSS out of Popup Maker OR if I disable overlays, the problem goes away.

    Unfortunately, overflow: hidden; is one of the few things I can’t control in my custom CSS without the effects of the parent code still taking effect – so the scrolling remains an issue.

    The other problem is that the second popup – the one with the form fields – looks best with an overlay. While I can keep the overlay active on that popup based on its settings, the overlay will NOT show up if it’s stacked with the first popup – if I have “hide the overlay” checked on popup #1.

    I’ve also defaulted the theme to Twenty Fifteen – same thing.

    Is there a workaround for this, or have I found a bug? Let me know.

    Thank you.

    -KK

    • This topic was modified 7 years, 1 month ago by cudak888.
    • This topic was modified 7 years, 1 month ago by cudak888.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @cudak888 – Sorry for the delay, been tucked away trying to get a massive new update ready for testing (which it now is in public beta).

    I don’t think I understood what you meant by

    Unfortunately, overflow: hidden; is one of the few things I can’t control in my custom CSS without the effects of the parent code still taking effect – so the scrolling remains an issue.

    CSS is cascading by nature, there is always a way to override something, always. If your rule isn’t taking effect it means it loaded first and needs !important, or it was too specific or not specific enough of a selector.

    That said I don’t think I understand why you need them stackable. IE once they click yes in the first, why does it need to stay open. Let it close and set a cookie to prevent annoyance, the second popup won’t ever show unless the first is open and clicked.

    So with the knowledge that the stackable option is the only reason your having issues, and doesn’t appear to really fit the situation, I’d just disable it and move on.

    Hope that helps. Let me know if I missed something. Again sorry for the delays.

    Thread Starter cudak888

    (@cudak888)

    Thanks for the reply.

    It sounds if my explanation was lost a bit in translation. It’s been a while since I actually looked at this though, but I think I was referring to the fact that overflow: hidden; is quite difficult to control when I’m trying to apply it on one popup, but not another.

    No matter though, I found a workaround and everything is just fine now.

    Thanks again!

    -KK

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fixed popup problem: “Overflow: hidden” from overlay locks scrolling’ is closed to new replies.