These work perfectly until running on iOS/Safari... I'm triggering the animation with a swipe left. However, if I keep my finger down after the animation has started running, for some reason it pauses and then appears tied to the motion of my finger. This actually would be a nice effect, however after I let go the animation completes with a 'jittery' finish. I was able to disable this effect by adding:
onTouchStart={e => e.preventDefault()}
to the div that accepts the swipe gesture. However I'm wondering if this feature is documented anywhere or is preventable? Or is this a feature of React Motion?
I've setup 2 animated routes like so:
These work perfectly until running on iOS/Safari... I'm triggering the animation with a swipe left. However, if I keep my finger down after the animation has started running, for some reason it pauses and then appears tied to the motion of my finger. This actually would be a nice effect, however after I let go the animation completes with a 'jittery' finish. I was able to disable this effect by adding:
onTouchStart={e => e.preventDefault()}
to the div that accepts the swipe gesture. However I'm wondering if this feature is documented anywhere or is preventable? Or is this a feature of React Motion?