TheWidlarzGroup/react-native-video

[Bug]: pointerEvents is not respected

Open

#3.315 aberto em 25 de out. de 2023

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)Kotlin (3.027 forks)batch import
6.x.xMissing ReproNewer Version AvailablePlatform: AndroidPlatform: WindowsPlatform: iOSV6bugdifficulty: easyfeaturegood first issuehelp wantedpriority: mediumtriaged

Métricas do repositório

Stars
 (7.677 stars)
Métricas de merge de PR
 (Mesclagem média 2d 3h) (11 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Analise a implementação do componente na biblioteca react native video, especificamente como as props são passadas para a View subjacente. O bug provavelmente ocorre porque pointerEvents não é encaminhado para a View raiz. Verifique o código fonte (por exemplo, Video.js ou similar) para ver como outras props como 'style' são tratadas e garanta que pointerEvents esteja incluído na lógica de passagem. O repositório está em https://github.com/TheWidlarzGroup/react native video e a issue é a #3315.
Pilha de tecnologia
reactjavascripttypescriptandroidios
Domain
mobilefrontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
React Native basicsUnderstanding of View props
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75