iOS Fabric: Gesture.tap() worked on 0.78.2, no longer at 0.80

[alex-strae]

Description

import {
    Gesture,
    GestureDetector,
} from 'react-native-gesture-handler';

/../

const doubleTap = Gesture.Tap()
        .maxDuration(1250)
        .numberOfTaps(2)
        .onStart(() => {
            if (prodInfo && typeof prodInfo !== "string") {
            handleConfirmStart(prodInfo.start, false);
            handleConfirmStop(prodInfo.stop, false);
            }
        });

/../

return (
<View>
 <GestureDetector gesture={Gesture.Exclusive(doubleTap)}>
                    <Text style={styles.txt50}>
                        {" - "}</Text>
                </GestureDetector>
</View>)

This used to work on 0.78.2. It no longer does. It still works on Android and Fabric though. I have tried with a simple console.log in onStart() which does not fire either.

Please let me know it anyone else is experiencing the same. If not, it might be that I'm specifically looking for double taps on links in another nav screen. Not sure why this would stop working on 0.80 though.

It is the same in both debug on iPhone 16 Pro simulator and release on real iPhone 14 device. Both on iOS 18 (which worked on 78.2).

Steps to reproduce

Please see above.

A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.

www.unfortunatelynot.com

Gesture Handler version

2.26.0

React Native version

0.80.0

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

New Architecture (Fabric)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 16 Pro

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[alex-strae]

Just tested it on iOS 0.80 on Paper / old arch, and there the same code works.

[latekvo]

Hey, tested it on 0.80 and 0.79 with RNGH 0.27.0 (pre-release) on both iOS and Android.
I confirm double-tap does not work at all on 0.80 w/ fabric on iOS, seems to work well on all other platforms.

0.79	0.80
video	video

Collapsed repro:

Details

import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import {
  Gesture,
  GestureDetector,
  GestureHandlerRootView,
} from 'react-native-gesture-handler';
import { isFabric } from 'react-native-gesture-handler/src/utils';

export default function App() {
  console.log('Using fabric: ', isFabric());

  const doubleTap = Gesture.Tap()
    .numberOfTaps(2)
    .onStart(() => {
      console.log('TAP START');
    });

  return (
    <GestureHandlerRootView>
      <View style={styles.container}>
        <GestureDetector gesture={Gesture.Exclusive(doubleTap)}>
          <Text style={styles.text}>{' TESTING ONE TWO '}</Text>
        </GestureDetector>
      </View>
    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  container: {
    marginTop: 80,
    flex: 1,
    backgroundColor: 'white',
  },
  text: {
    color: 'black',
  },
});

[m-bert]

Yes, it does not work.

RCTParagraphTextView has changed between 0.78 and 0.79. To be more specific, I mean this method. I won't dive deep into implementation details, for now I can say that I'm trying to find a workaround for this issue, but I cannot promise anything atm 😞

[m-bert]

Hi @alex-strae, could you please check if #3591 fixes this issue?