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

Aperta Adatta ai principianti
  • Qualcosa non va?
#20,705 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
66/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
github-actions, javascript
Ambito
documentation, frontend

Direzione di ricerca

Riproduci l’overflow orizzontale di 4px su /gh-cao/ in Chrome a 360px, usando il viewport del Galaxy S21 indicato nel report. Esamina la pagina per individuare overflow dovuti a subpixel, pseudo-elementi o margini negativi; l’issue suggerisce di eseguire una ricerca binaria con overflow-x: clip. Regola la larghezza o il margine responsabile in modo che la pagina non scorra più orizzontalmente in quel viewport.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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
Lingua principale
JavaScript
Stelle
19
Fork
4
Merge medio
4h
PR unite (30g)
708

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di githubnext/gh-cao

Tutte le issue di githubnext/gh-cao

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.