[multi-device-docs] Documentation device compatibility requires attention

Abierto Apto para principiantes
  • ¿Algo no está bien?
#20,705 0 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
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
66/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
github-actions, javascript
Área
documentation, frontend

Línea de trabajo

Reproduce el desbordamiento horizontal de 4px en /gh-cao/ en Chrome a 360px, usando el viewport del Galaxy S21 del informe. Inspecciona la página en busca de desbordamientos por subpíxeles, pseudoelementos o márgenes negativos; el issue sugiere hacer una búsqueda binaria con overflow-x: clip. Ajusta el ancho o el margen responsable para que la página deje de desplazarse horizontalmente en ese viewport.

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

Descripción

Test Summary
  • Triggered by: @pelikhan
  • Workflow run: §43280242055
  • Devices tested: 10
  • Browser engines tested: 2 (Chrome, WebKit; WebKit is a Safari compatibility signal, not physical iOS)
  • Color schemes tested: 2
  • Test date: 2026-11-12
Results Overview
  • Passed: 39 of 40 combinations
  • Warnings: 1
  • Critical: 0
Critical Issues

None.

Accessibility Findings

No unnamed controls, one main and one h1 on every combination; the requested color scheme was confirmed via matchMedia.

Warnings
  • Horizontal document overflow (4px) on Chrome, Galaxy S21 (360x800), light and dark: scrollWidth - innerWidth = 4 on /gh-cao/. No single element was found with a right edge past the viewport, so the source is likely a subpixel or pseudo-element/negative-margin overflow. WebKit at 360px shows no overflow.
  • Not counted as docs defects (sandbox/infrastructure): external github.com/user-attachments images failed to load with ERR_CERT_AUTHORITY_INVALID in the firewall, so they appear as broken images on larger viewports.
  • Only the home page was tested in this run (not a full navigation/interaction sweep).
Compatibility Matrix

Chrome and WebKit, light and dark, all of iPhone 12, iPhone 12 Pro Max, Pixel 5, iPad, iPad Pro 11, iPad Pro 12.9, HD, FHD and 4K: no overflow, title present, one main region. Chrome Galaxy S21: 4px overflow (above). Screenshots were captured under /tmp/gh-aw/agent/multi-device-docs/screenshots/ but could not be uploaded because no upload tool was available.

Recommendations

Find the element causing the 4px overflow at 360px in Chrome (for example, with overflow-x: clip bisecting) and fix its width/margin so the page does not scroll horizontally on narrow phones.

Generated by 📝 Multi-Device Docs Tester · copilot · auto (Claude Sonnet 5.5) · ~24 AIC · ⌖ ~2 AIC · ⊞ 12.2K · ◷

  • expires on Nov 15, 2026, 6:40 PM UTC
Lenguaje dominante
JavaScript
Estrellas
19
Forks
4
Merge medio
4 h
PR fusionados (30 d)
708

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 githubnext/gh-cao

Todos los issues de githubnext/gh-cao

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.