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

[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!

[Fernando]

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. 🙂

[Ying]

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.

[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

[Ying]

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

[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.

[Ying]

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

But sure, if you think that’s ok 🙂

[Ying]

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.

[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.

[Ying]

I tried it again, Chrome still needs 2 clicks!

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

[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.

[Ying]

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;
}

[plo1]

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

[Ying]

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?

[plo1]

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

[Author]

Posts