• Resolved polistus

    (@polistus)


    Hi!

    Thank you so much for this amazing plugin and most helpful documentation.

    My issue is only on mobile (touch) devices and it occurs when I tap on a calendar event. The popup appears very briefly and goes away. I have to tap twice for it to display normally.

    I’m using an Android device, no idea about iOS. Desktop is working nicely without any issues: I don’t have to click twice, no glitches. I already tried disabling popups, updating the post and enabling popups again.

    I suspect that it has something to do with getting focus. The second tap succeeds because then the element already has focus. Not sure really. Tippy.js has this on touch device support: https://atomiks.github.io/tippyjs/v5/misc/

    Is this behaviour normal or is it just me? Any ideas to solve this?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author michielve

    (@michielve)

    Hi,

    Thanks for your report and suggestion. I see this as well in my Android device. When I have time I will look into this!

    Best wishes,
    Michiel

    Plugin Author michielve

    (@michielve)

    Hi,

    Here’s a follow up. I think I solved it, but I cannot release a new version now, because there are some other major changes in the following release that haven’t been tested enough yet.

    If you want to have the fix now, you can open the file js/pgc.js and replace the below content:

    tippy.delegate("body", {
        target: "*[data-tippy-content]",
        allowHTML: true,
        trigger: "click",
        theme: "pgc",
        interactive: true,
        appendTo: document.body,
        theme: 'light-border',
        onMount: function(instance) {
          Array.prototype.forEach.call(instance.popper.querySelectorAll("a"), function(a) {
            if (!a.getAttribute("target")) {
              a.setAttribute("target", "_blank");
              a.setAttribute("rel", "noopener noreferrer");
            }
          });
        }
    });

    With the following:

    var tippyArg = {
        target: "*[data-tippy-content]",
        allowHTML: true,
        theme: "pgc",
        interactive: true,
        appendTo: document.body,
        theme: 'light-border',
        onMount: function(instance) {
          Array.prototype.forEach.call(instance.popper.querySelectorAll("a"), function(a) {
            if (!a.getAttribute("target")) {
              a.setAttribute("target", "_blank");
              a.setAttribute("rel", "noopener noreferrer");
            }
          });
        }
      };
    
      if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        tippyArg.trigger = "click";
      }
    
      tippy.delegate("body", tippyArg);
    Thread Starter polistus

    (@polistus)

    Thank you, Michiel! Wasn’t hoping to hear from you so soon! ??

    I think I’ll do just that. It gives me a chance to test as well. When you release a new update, these manual changes would be overwritten anyway.

    Hello, thank you so much for this plugin. It’s so nice, clean and simple to use. I love it!

    I have an issue with event popups on mobile. When i scroll down my page i tapping on the events and the popup apears. It’s very disorienting, becaus in my case popups are so big. How can I make to scroll on mobile without popups, but I have to see the popups when I tap on it.

    Please watch the video, how it looks
    https://yadi.sk/i/4DLMolbXnbHwww

    Plugin Author michielve

    (@michielve)

    Hi,
    Yes I see this problem. Currently I have no solution for this unfortunately. But I write this down and try to come up with something when I have time.
    BW,
    Michiel

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Popup disappears immediately after showing on mobile’ is closed to new replies.