Popup-Maker icon indicating copy to clipboard operation
Popup-Maker copied to clipboard

Keep bottom positioned popups fixed to the bottom even if the browser's bottom toolbar disappears

Open marklchaves opened this issue 3 years ago • 1 comments

Describe the feature request

Allow popups that are fixed to the bottom to remain fixed to the bottom of the viewport on mobile even when the browser's bottom toolbar disappears (when scrolling down).

Temporary fix

@media (max-width: 640px) {
    #popmake-15.pum-container { /* Change to your popup's ID */
      bottom: 0 !important;
      margin-bottom: 0 !important;
      max-height: 500px; /* Change to your height */
      top: auto !important;
    }
  }

Use case

See the OP on .org.

https://wordpress.org/support/topic/scrolling-on-mobile-6/

Example screenshots (if any)

Screencast: https://share.wppopupmaker.com/mXuPBLZq

marklchaves avatar Oct 26 '21 09:10 marklchaves

@marklchaves Have you tested whether it works?

I assume the goal is to override the built in positioning, which always positions from the top of the screen?

Couple of thoughts:

  1. Does it still work without the popup being a fixed height?
  2. Could we somehow in JavaScript detect an event related to that browser bar hiding, and trigger a reposition of the popup, thus negating needs for hackish fixes?

danieliser avatar Nov 22 '21 23:11 danieliser