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

Abierto
  • ¿Algo no está bien?
#262 3 comentarios 2 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 12 días

@danstepanov ya está trabajando en esto.

Desde el 15/10/2025.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

deferred (post-5.0)

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.

Lenguaje dominante
TypeScript
Estrellas
166
Forks
45
Merge medio
17 d 22 h
PR fusionados (30 d)
3

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de nativewind/react-native-css

Todos los issues de nativewind/react-native-css

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.