[Support request] Must click twice on mobile links (Chrome, iOS) after page load

Home Forums Support [Support request] Must click twice on mobile links (Chrome, iOS) after page load

Home Forums Support Must click twice on mobile links (Chrome, iOS) after page load

Viewing 15 posts - 1 through 15 (of 33 total)
  • Author
    Posts
  • #2171773
    plo1

    Hello! I’m getting an issue very similar to this but only on Chrome mobile on iOS devices (have not tested on android devices). Everything seems to work fine on Safari browser.

    Just to clarify the problem:
    1. Every link within the body of the page (text, buttons, images) requires two clicks initially after the page loads for the first time.
    2. The first click changes the color of the link/button. Any subsequent click will work normally.
    3. I removed WPRocket completely, cleared cache, and the issue still remained.
    4. WordPress and all plugins are up to date.

    Here is some of the troubleshooting I’ve done so far:
    1. Disabled every plugin including GP Premium – Problem gone
    2. Disabled every plugin except GP Premium – Problem persists
    3. Disabled only GP premium – Problem persists
    4. Disable all modules – Problem persists
    5. Changed themes while keeping all plugins Active – Problem gone

    Looking forward to your feedback!

    #2171855
    Fernando
    Customer Support

    Hi there,

    I tried replicating the issue from my end on a Macbook and I couldn’t replicate the issue.

    I also tried replicating it through an IOS device in Browserstack and I also couldn’t replicate the issue there: https://share.getcloudapp.com/o0uREYBz

    With that said, can you try clicking the buttons on a different device and see how it goes?

    Hope to hear from you soon. 🙂

    #2172708
    Ying
    Staff
    Customer Support

    Hi Plo,

    I tried on my iPhone 13, the double click happens on Chrome but not Safari, but only the buttons in content area.

    The menu toggles and search icon in the header are working fine.

    I looked at the HTML of the buttons, but i didn’t see anything special.

    If that’s the case, I think it might just be an issue of browser.

    #2172911
    plo1

    Hi Ying,

    Yes, the issue happens on Chrome but not Safari. I was able to reproduce it on iPhone and iPad. But there is no issue if I change themes so it can’t be a browser issue.

    Can you please have your team look further into it?

    Thanks,

    Paulo

    #2172941
    Ying
    Staff
    Customer Support

    Can you switch to twenty twenty theme so I can test it again?

    #2172949
    plo1

    I provided you with login access. Can your team switch the theme then switch it back when they are done? I don’t want to change the theme for any extended period of time unnecessarily.

    #2172955
    Ying
    Staff
    Customer Support

    We usually don’t do testing on users sites unless it’s a staging site.

    But sure, if you think that’s ok 🙂

    #2172958
    Ying
    Staff
    Customer Support

    I switched to twenty twenty theme, it’s the same thing.

    Safari needs 1 click, Chrome needs 2 clicks.

    And I compared the HTML codes for the 2 themes, they are exactly the same.

    So I really don’t think it’s a theme issue.

    #2172969
    plo1

    I just switched themes, cleared the cache and it works with one click on Chrome. Please try again now while the theme is switched if possible.

    #2172972
    Ying
    Staff
    Customer Support

    I tried it again, Chrome still needs 2 clicks!

    I test by clicking this image:
    https://www.screencast.com/t/HSLJErLgAmM

    #2172975
    plo1

    Just shared a link to two screen recordings showing the issue with GP and no issue with Twenty-Twenty. You will notice the Button color change slightly after the first click with GP.

    #2172999
    Ying
    Staff
    Customer Support

    Hum… can you try add this CSS:

    a.wp-block-button__link {
        transition: color .1s ease-in-out,background-color .1s ease-in-out !important;
    }
    #2173018
    plo1

    Hello, I tried the CSS and it did not work.

    #2173027
    Ying
    Staff
    Customer Support

    I’m not sure if this CSS is going to work, but I’m not seeing it has been added to your site.

    Did you remove it? Or you didn’t clear cache after adding it?

    #2173037
    plo1

    I removed it. And yes, I cleared the cache after adding the CSS.

Viewing 15 posts - 1 through 15 (of 33 total)
  • You must be logged in to reply to this topic.