Href items need double press in iOS

[jordihoven]

Some a tag elements on my website need to be pressed twice by mobile iOS users on all browsers (note; this bug does not occur on android devices nor on desktop browsers). I noticed that in removing the dependency for AOS in my code, the problem got resolved. Weird, but true.

This is:

• Bug

Specifications

• AOS version: 3.0 (latest)
• OS: iOS
• Browser: Safari, Firefox and Chrome (others not yet tested)

Expected Behavior

When a user clicks an a-tag element, the href link should fire.

Actual Behavior

iOS users have to double press some elements in order to reach the href destination.

Steps to Reproduce the Problem

1. Using an iOS device, go to drinkz.nl
2. Without tapping anything scroll down to the collections section
3. Tap any of the elements. You'll notice you have to tap twice. You can also try adding items to your basket, same problem (a 'adding' text should appear on first tap).

Detailed Description

I am not sure what should be changed in the library to fix this problem. I just want to raise it to the developer and possible users of the library so they can check if they are experiencing the same problem as I am.

Possible Solution

[jordihoven]

I've tested this on iOS 13< devices, they don't have the issue I described. Can almost say for certain it's an iOS14 specific bug...

[RiodeJaneiroo]

i have the same issue

[pixelboutiqueuk]

Did anyone ever find a solution for this? I'm having the same issues in iOS chrome on various WordPress sites.