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

[Ying]

Hi Peter,

Please open a new topic and link us to your site.

Let me know!

[Peter]

Hi Ying,

solved the issue. Read in another topic that the scroll to the top button caused the issue. After disabeling the button everything worked as expected.

[Ying]

Glad to hear that 🙂

[Katarzyna]

Hey,

I had the same issue. This is actually a known bug on iOS that sometimes occurs when using the Delay JS. This bug causes links to not work until they are clicked twice.

I fixed the issue adding a Hook element:

Hook: wp_head
Location: Entire Site

<script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/0.6.0/fastclick.min.js" integrity="sha512-oljyd1wg75alHReTpDvNIQ4Yj1wZwGxxZhJhId3vr2dKY+26/r/wmMrImwDgin03+7wxyhX+adOQB/2BTvO5tQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>if ('addEventListener' in document) {document.addEventListener('DOMContentLoaded', function() {FastClick.attach(document.body);}, false);}</script>

More details here => https://perfmatters.io/docs/delay-javascript/#ios-double-click

[Author]

Posts