Archived topic
Must click twice on mobile links (Chrome, iOS) after page load
33 replies · Started by plo1 on March 29, 2022
Hi Peter,
Please open a new topic and link us to your site.
Let me know!
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.
Glad to hear that :)
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