3. Pressing the esc key closes all popups instead of just the active one.
Hi @swinggraphics
We understand you’re having issues with using multiple popups.
Displaying multiple popups at the same time on the same post/page requires extra settings:
- For each popup, go to Popup Settings > Display > Advanced.
- Check Disable Overlay and Stackable. Overlays don’t work with multiple popups. And you need to turn on Stackable to have more than 1 popup on a post/page.
- Go to Popup Settings > Close.
- Make sure nothing is checked there so popups stay open when another one closes.
More details here: https://wppopupmaker.com/docs/apply-popup-maker/display-multiple-popups-at-the-same-time/
Could you share the link to the page where we can test your popups? If possible, please also share how your popups are set up so we can check.
You can send us a message here if you wish to share it privately.
We look forward to your reply.
Overlays have absolutely nothing to do with this. Any given popup needs to be closable if that’s what the designer wants, or is required for accessibility, or necessary for the user experience. Completely disabling the ability to close a popup is not a solution. Clearly, your plugin simply needs to make the escape key work for only the foremost popup. I don’t even understand why this is a point of contention. The correct response is, “Oops, we missed that. We’ll fix it in a future version.” And that’s the end of it.
@swinggraphics – She didn’t state that at all. In fact there is no option in the free version to disable closing the popup at all.
She did however clarify known limitations such as stackable popups being required for more than one popup to be open at once, and that 2 popups open at once with overlays isn’t supported.
As is just good support she cleared the deck of any potential known issues given you reported more than one thing, and your issue #1 is 100% relevant to her notes given the doc outlines both popups using fixed position as a step.
When you use non-fixed or overlay it changes the entire page scrolling structure, when you don’t it doesn’t. Hence they are not compatible at all. This is documented.
The escape key issue is easy enough to fix, now on my list.
Hope that helps.
“The escape key issue is easy enough to fix, now on my list.”
Cheers!
As for stacked popups that need to sroll, my workaround is to add this CSS:
html.pum-open.pum-open-overlay.pum-open-scrollable {
overflow: revert;
}
html.pum-open.pum-open-overlay.pum-open-scrollable:has(.pum-active:not(.pum-overlay-disabled)) {
overflow: hidden;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
padding-right: 0 !important;
}
html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container:not(.fixed) {
position: static;
}
These are now live on a site that I can share: https://visitmontauk.org/
