Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Pinch zooming gestures breaking overlay on Android (Brave) and iPad (Safari)

Abierto
#2,495 1 comentario 1 reacción 0 asignados Ver en GitHub

Los mantenedores suelen responder en 4 días

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

Reproduce el problema en la demo de Shepherd usando iPad Safari y Android Brave, y luego rastrea cómo gestiona el overlay el pinch zooming y los cambios de visual-viewport. Se considera terminado cuando el overlay sigue alineado con el documento y continúa impidiendo la interacción fuera de él después del zoom en dispositivos táctiles, conservando al mismo tiempo el comportamiento que ya funciona en Chromebook y escritorio.

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

Descripción

Version: 11.2.0
Devices: iPad (iOs safari), Android (on Brave)

Pinch zooming on touch devices are causing problems with the overlay, where
the overlay rectangle stays locked to the top left of the layout viewport (this is the main problem), and is the size of the visualviewport (this is fine).
But because the overlay is not moving, part of the document does not have the overlay, which allows you to interact with this part of the document (despite it disallowing pinch and pan gestures), plus the overlay looks weird.

on desktop devices, when you change the zoom level (by doing ctrl+scrolling) the overlay seems to fix itself, but this process does not seem to happen on these touch devices.

This happens on https://shepherdjs.dev/ as well.

On a Chromebook, pinch zooming seemingly works correctly.

Lenguaje dominante
JavaScript
Estrellas
13.8k
Forks
658
Merge medio
2 d 20 h
PR fusionados (30 d)
13

Preparar el entorno

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 shipshapecode/shepherd

Todos los issues de shipshapecode/shepherd

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.