Popout Window - react-map-gl interaction breaking

Abierto
  • ¿Algo no está bien?
#792 4 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

Start with a react-map-gl map inside a dockview panel, then reproduce the broken dragging and panning after opening that panel in a popout window. Inspect where the map's interaction element is mounted before and after the popout, using the screenshots and reproduction steps in the issue. Done means the interaction element remains associated with the popout panel and map dragging and panning continue to work there.

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

Descripción

bug triaged

Describe the bug
Apologies for the specific case bug, but if you have a https://visgl.github.io/react-map-gl/docs react-map-gl component within a panel and then have that popout, all interaction seems to break.

To Reproduce

Steps to reproduce the behavior:

  • Have a basic layout of 2/3 panels (ensuring one is a full width/height react-map-gl map component)
  • Interact with the map via dragging and panning the view
  • Observe it is working correctly
  • Popout the panel that contains the map
  • Interact with the map via dragging and panning the view
  • Observe it is not working
  • Click and hold in the map component and drag your mouse over one of the existing panels in the layout
  • Observe the map interaction now briefly does something

Expected behavior
I would expect that the popout of the map panel would ensure that the div the components create for its interaction are retained within the panel and the interaction isn't broken.

Screenshots
div in both DOM elements
Above SC shows that the div the mapbox creates in the root of the DOM it belongs to is still present in the original location of the panel

Canvas in DOM
Above SC shows that the canvas that belongs to the map is present in the popout window

Desktop (please complete the following information):

  • Chrome
  • Version 131.0.6778.140

Additional context
Apologies again for not being able to give a codesandbox or fork that can show this issue better, I do have the following video which demonstrates the issue:

https://github.com/user-attachments/assets/40780ec5-3d66-41b0-a4cc-f99291aba90b

Lenguaje dominante
TypeScript
Estrellas
3.5k
Forks
178
Merge medio
18 h 34 min
PR fusionados (30 d)
53

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

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 dockview/dockview

Todos los issues de dockview/dockview

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.