nativewind
nativewind copied to clipboard
Pressable does not trigger when child View uses pseudo classes (active:/hover:)
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.
@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).