How is `touchDeviceStrategy` `onTouchStart` exactly working

[stijns96]

Hi there,

I'm a bit confused as the callback feels quite inconsistent with touchDeviceStrategy set to onTouchStart.

I'm trying to implement this in my Shopify theme and target all links with /collections/ and /products/. For some reason, the callback is barely fired. When I set it to viewport it's perfectly working, but might be a bit overkill.

How to get a consistent behaviour out of this?

Thanks in advance!

[spaansba]

Hey!

Currently, onTouchStart works by attaching a touchstart listener to each registered foresight element.

While looking into issues with this implementation, I noticed two key points:

Event type

apparently touchstart is not a baseline web feature. For now I’ve updated this to use pointerdown and will revert it back to touchstart ones its baseline.

Event matching

The code originally used event.target to check against registered foresight elements. The problem is that event.target points to the exact element tapped, such as a <span> inside a link. This meant the foresight element itself was not always recognized. I’ve updated this to use event.currentTarget, which always refers to the element the listener was attached to. This should make callbacks fire more consistently.

I just published V3.3.3, let me know if the issues persist or not.

(sorry i closed the ticket on accident)

[stijns96]

Aah, I also tried to look into it and saw the event.target. Didn't had time to check it anymore, but I'll give it a try soon!