TheWidlarzGroup/react-native-video

[Bug]: pointerEvents is not respected

Ouverte

#3 315 ouverte le 25 oct. 2023

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)Kotlin (3 027 forks)batch import
Missing ReproNewer Version AvailablePlatform: AndroidPlatform: WindowsPlatform: iOSV6bugdifficulty: easygood first issuehelp wantedtriaged

Métriques du dépôt

Stars
 (7 677 étoiles)
Métriques de merge PR
 (Merge moyen 2j 3h) (11 PRs mergées en 30 j)

Description

What happened?

The pointerEvents prop is not respected by the Video component. When pointerEvents="none" is set, it is not passed through to the rendered View, so pointer/touch events do not pass through to content behind the video.

Expected behaviour

  1. pointerEvents is passed through to the rendered View.
  2. Pointer events go through to content behind the video.

Reproducible sample code

<Video pointerEvents="none" />

Steps to reproduce

  1. Render a Video component with pointerEvents="none".
  2. Place interactive content behind the video.
  3. Observe that the pointerEvents value is not passed through to the underlying View.
  4. Attempt to interact with the content behind the video — interaction is blocked.

Reproduction repository

No response

react-native-video version

6.0.0

react-native version

No response

react-native-nitro-modules version

No response

Platforms

iOS, Android, Windows

OS version

No response

Device

iPhone 14

Architecture

No response

Expo

No response

Last working version

No response

Media / source type

No response

Guide contributeur

Direction de recherche
Examinez l'implémentation du composant dans la bibliothèque react native video, en particulier comment les props sont transmises à la View sous jacente. Le bug se produit probablement parce que pointerEvents n'est pas transmis à la View racine. Vérifiez le code source (par exemple Video.js ou similaire) pour voir comment d'autres props comme 'style' sont gérées, et assurez vous que pointerEvents est inclus dans la logique de transmission. Le dépôt se trouve à l'adresse https://github.com/TheWidlarzGroup/react native video et l'issue est le #3315.
Stack technique
reactjavascripttypescriptandroidios
Domaine
mobilefrontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
React Native basicsUnderstanding of View props
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75