Skip to content

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

@diemer

Description

@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.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions