Repository navigation
Pressable does not trigger when child View uses pseudo classes (active:/hover:) #262
Description
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.
Metadata
Metadata
Assignees
Type
Projects
- Status
Activity
danstepanov commentedon Oct 15, 2025
@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 commentedon Feb 11, 2026
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 commentedon Feb 11, 2026
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