Cannot drag a video element inside of a Draggable

Abierto
#443 8 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Start with the linked CodeSandbox reproduction and compare the draggable video behavior in Chrome 78 with the working div, Firefox, or Chrome 77. Trace the relevant react-draggable behavior using the reproduction; done means a video element fed by getUserMedia can be dragged inside Draggable without regression.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Hello, react-draggable maintainers! I think your package is lovely, and we use it for a video call interface in which we have a draggable "video panel" that can be moved around the screen.

However, ever since updating to Chrome 78, we've noticed that <video> tags inside of a Draggable are not being dragged correctly.

Here's a GIF of the behavior I'm seeing -- in green, you can see a "normal" draggable div without a video tag inside. That one works fine. In the black box, there's a draggable div with a video, fed by the getUserMedia API. This one, you can see that I have trouble dragging.
video-drag

Operating system: OSX Mojave / 10.14.6
Browser version: Version 78.0.3904.70
react-draggable version: Originally noticed on 3.3.2, but was able to reproduce with 4.1.0 as well

I wasn't able to reproduce this behavior on Firefox or in Chrome 77, so I think it might be something recently broken by the latest Chrome update. It used to to work!

Here is a simple reproduction:
https://codesandbox.io/embed/elated-goldwasser-4pogf

Lenguaje dominante
JavaScript
Estrellas
9.3k
Forks
1k
Merge medio
3 d 8 h
PR fusionados (30 d)
4

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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 react-grid-layout/react-draggable

Todos los issues de react-grid-layout/react-draggable

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.