Wrong size popup on Android

  • Resolved slewisma

    (@slewisma)


    7 months, 2 weeks ago

    We have a Gravity Forms login form inside a popup that we show to users who are not logged in. It works fine on desktop and on iOS but on Android, in Chrome and Brave, it is showing the popup wider than the view port as if it doesn’t know the correct viewport side (max width is 100% and Size is set to 30%). It is also not easy to scroll to the left to see the form contents unless you turn the phone to landscape orientation.

    I tried removing the Gravity Forms login form shortcode from the popup to make sure it isn’t Gravity causing the issue. Same problem occurs so it isn’t Gravity. The rest of the content is text and a link so pretty simple.

    Oddly, the container has left set to -135.047 which seems to be the cause of the problem but why it is calculating that position is what I can’t figure out.

    • This topic was modified 7 months, 2 weeks ago by slewisma.
    • This topic was modified 7 months, 2 weeks ago by slewisma. Reason: Added more info
    • This topic was modified 7 months, 2 weeks ago by slewisma.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kim L

    (@kimmyx)

    Hi @slewisma,

    Sorry to hear you encountered issues with your popup on mobile.

    We visited your page and we’re able to confirm the issue.

    It looks like the popup container is trying to accommodate the empty space on the right side of the form and it’s not properly resizing on mobile.

    See here: https://share.zight.com/o0uOrknq

    Could you tell us how you’re inserting the form into the popup? Are you using the block editor?

    If you wish to share more information privately, you can also send us a message via Support Request – Popup Maker. It might also be better for us to take a closer look.

    We’ll wait for your message!

    Thread Starter slewisma

    (@slewisma)

    I think the issue is that there is a table in the page that is wider than the mobile viewport. I’m asking the client to reconsider their use of tables or if we can hide the tables on small screen sizes. That will work around the issue.

    I’m not sure if there is an underlying fix to popup maker that would make sense. If the position is set to center, it is technically doing the right thing based on page width (but not based on viewport width). But why does it make the popup’s width the chosen percentage of the width of the page and not of the width of the viewport? Maybe that is where a fix might make sense?

    It would be useful to be able to specify width (and height) in VW and VH if a custom popup size is chosen. That would allow horizonally scrollable pages when absolutely needed such as for tables while still allowing popups to be sized relative to the viewport to avoid issues like we’re having here.

    You can close this issue since I found ways we can work around it by changing the content (not using tables or hiding them on small screens). It might be good to consider future enhancements to provide other options for using popups on pages like these though.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrong size popup on Android’ is closed to new replies.