Popup activates when scrolling on smartphone

  • Resolved loenne

    (@loenne)


    8 months, 1 week ago

    While the popup works fine on desktop, I’m encountering a problem on smartphones:

    The slightest touch triggers the popup – for example, when a user puts a finger on the screen to scroll, the popup can trigger.
    Optimally, it should only trigger on a deliberate click, not a light touch.

    I believe this happens because it’s set to currentTarget.bind('click touchstart' meaning the popup is set to trigger the popup on both click and touchstart events.
    This approach can cause issues on touch devices because touchstart is triggered immediately when a user touches the screen, even if the touch is slight or accidental, leading to an overly sensitive trigger for the popup.

    Listening for click events for non-touch devices and touchend events for touch devices, while also checking that the touch hasn’t moved too much (to differentiate it from a swipe), might solve this.

    Any chance you can look at a fix to this in a future update?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Jawad Ahmed

    (@jawada)

    Hi @loenne,

    Thank you for contacting and we apologize for the delay in response. Could you please confirm if you are using On Click feature to trigger the popup?

    While i will check this with the devleopment team, could you please check following page for the help with it.

    https://help.popup-builder.com/en/article/how-to-open-on-click-on-hoveron-load-popup-via-css-class-uy3wjy/

    If you require further assistance or have any additional questions, please don’t hesitate to contact us through our support portal. Our team is always here to help!

    https://help.popup-builder.com/en/

    Sincerely,

    Thread Starter loenne

    (@loenne)

    Hi @jawada

    Thank you for looking into this.
    We’re using the On Click feature, and as mentioned it works fine on desktop, but on mobile it’s more like an “on touch” than when clicking.

    If it helps, I’d be happy to submit more details and a staging copy of the problem via you support portal?

    Plugin Support Jawad Ahmed

    (@jawada)

    Hi @loenne,

    Thank you. If you could reach out to us on the support portal that would help track the progress of the issue.

    Regards

    Hello @loenne and @jawada,
    had the same problem and found a workaround which is working nicely on my smartphone:

    Open the file “plugins/popup-builder/public/js/PopupBuilder.js”

    Replace
    currentTarget.bind('click touchstart', function(e) {
    with
    currentTarget.bind('click', function(e) {
    on line 2625

    And paste the following code above this line:
    currentTarget.bind('swipe', function(e) {
    return false;
    });

    The block should look like this:

    var currentTarget = jQuery(this);
    currentTarget.bind('swipe', function(e) {
    return false;
    });
    currentTarget.bind('click', function(e) {

    Hope this helps!

    • This reply was modified 7 months, 1 week ago by schnup89.
    Thread Starter loenne

    (@loenne)

    @jawada you never implemented this very easy fix that @schnup89 provided.
    Right now we have to manually change the JS file on every plugin update ??

    Plugin Support Jawad Ahmed

    (@jawada)

    Hi @loenne

    We’ve recently released a fixed version (4.3.4). Please update Popup Builder to the latest version and check if the issue persists.Should you have any questions, you can visit our support page, where you’ll find options to chat with us or send an email. Our team is available to assist you and will gladly address any concerns you may have.

    Best Regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.