Support » Plugin: Popup Maker - Popup Forms, Opt-ins & More » Problem with pop-up on iPhone 6

  • Resolved Pierre_02

    (@pierre_02)


    Hi.

    I use an overlay with my pop-up on pages, and when the pop-up opens on iPhone 6, it is possible to scroll down on it, but it is impossible to scroll up afterwards, the form stays stuck

    It is actually the page under the form that moves and the form does not.

    How can I do to be able to use it correctly, please?
    For the moment I’ven’t found any solution :(…

    TIA.

    Amicably,

    Pierre.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Pierre_02

    (@pierre_02)

    Ok. I’ve found this really cool tips that make it works (at least on an my old 3GS :)).

    I’ll have to be patient to get the feedback of my client (I don’t own myself a iPhone 6 :)…)

    Source of the trick: https://www.igorkromin.net/index.php/2016/05/20/mobile-safari-scrolling-problem-with-an-input-field-inside-a-fixed-div/

    solution:

    html,body{
    	-webkit-overflow-scrolling:touch !important;
    }

    If the problem persist, I’ll come back here.

    Amicably,

    Pierre.

    brodiebrodie

    (@brodiebrodie)

    I have the same problem (here with a sony xperia X)
    Pierres solution

    `html,body{
    -webkit-overflow-scrolling:touch !important;
    }`

    doesn’t work for me.
    It seems that the popup will not scroll past the bottom of the screen?

    Brodie

    Pierre_02

    (@pierre_02)

    Hi brodiebrodie :).

    As “-webkit-overflow-scrolling” is prefixed for Safari, you should try with “overflow-scrolling” ;).
    Don’t forget to share with us your feedback ;).

    Amicably,

    Pierre.

    brodiebrodie

    (@brodiebrodie)

    Merci bien Pierre,

    But that doesn’t work for me.

    Cordialement

    Brodie

    brodiebrodie

    (@brodiebrodie)

    I have it working using this;

    html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    And also setting the positioning to top centre.

    Brodie

    Pierre_02

    (@pierre_02)

    Hi Brodie :).

    Thanks a lot for sharing your trick with us 😀 ! I appreciate 😉 !

    Have a great day 😀 !

    Amicably,

    Pierre.

    • This reply was modified 3 years ago by Pierre_02.
    Plugin Author danieliser

    (@danieliser)

    @pierre_02, @brodiebrodie – Thank you both for reporting and then finding a solution. This one has actually been quite annoying, will be happy to get this fix included in the next update.

    https://github.com/PopupMaker/Popup-Maker/issues/428

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with pop-up on iPhone 6’ is closed to new replies.