Pressable does not trigger when child View uses pseudo classes (active:/hover:)

[diemer]

Describe the bug
When a Pressable contains a child View styled with NativeWind pseudo classes like active: or hover:, clicking/tapping that child does not trigger the Pressable’s onPress. However, pressing on sibling elements without pseudo classes correctly triggers the Pressable.

Reproduction
A simple reproduction looks like this:

        <Pressable onPress={() => console.log('Pressed!')}>
          <View className="bg-gray-200">
            <Text>Works</Text>
          </View>
          <View className="active:bg-blue-500">
            <Text>Does not trigger</Text>
          </View>
        </Pressable>

A full repoduction repo is here: https://stackblitz.com/edit/nativewind-test-n18mtyun?file=nativewind.test.tsx

Expected behavior
the onPress should fire regardless of which child of the pressable is pressed.

[danstepanov]

@diemer will take a look at this but I'll be recreating the issue using Nativewind v4.1 and Expo SDK 54 (your example uses SDK 51).

[iamwasifdev]

What is the progress of this issue i got the same one then i poured hours into this and i got here but i saw it is still pending

[iamwasifdev]

So i looked into this and there is probably some kind of issue between the reactivity file that is inside this repo (I am not fully sure but it might be this file) and the Pressability api of react native . onPress uses this api for its functionality. https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Pressability/Pressability.js#L350 this the link to the pressibility api hope you will find it useful