TheWidlarzGroup/react-native-video

[Bug]: pointerEvents is not respected

Aperta

#3315 aperta il 25 ott 2023

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)Kotlin (3027 fork)batch import
Missing ReproNewer Version AvailablePlatform: AndroidPlatform: WindowsPlatform: iOSV6bugdifficulty: easygood first issuehelp wantedtriaged

Metriche repository

Star
 (7677 stelle)
Metriche merge PR
 (Merge medio 2g 3h) (11 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Esamina l'implementazione del componente nella libreria react native video, in particolare come le props vengono passate alla View sottostante. Il bug probabilmente si verifica perché pointerEvents non viene inoltrato alla View radice. Controlla il codice sorgente (ad esempio Video.js o simili) per vedere come vengono gestite altre props come 'style', e assicurati che pointerEvents sia incluso nella logica di passaggio. Il repository si trova su https://github.com/TheWidlarzGroup/react native video e l'issue è il #3315.
Tech stack
reactjavascripttypescriptandroidios
Dominio
mobilefrontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React Native basicsUnderstanding of View props
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75