Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[workshop-playwright-qa] README: 1 QA finding(s) — readability

Chiusa Adatta ai principianti
  • Qualcosa non va?
#4,555 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
62/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css
Ambito
frontend

Direzione di ricerca

Il overflow deriva dal link side-quest «Other pages» nel README, la cui etichetta contiene un elemento code inline (gh aw run) con href #side-quest-08-01-codespaces-actions-write. Carica il README con un viewport di 360×800 e verifica che document.documentElement.scrollWidth superi clientWidth di 2px. Il selettore suggerito è .markdown-body a code, oppure il link o l'elemento di lista stesso. È completato quando scrollWidth non supera più clientWidth di oltre 1px a 360px e gli altri viewport continuano a essere visualizzati correttamente.

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

Descrizione

accessibility bug

QA findings for README

Tested at: 2026-10-13T19:53:00Z
Viewports: small (360×800), medium (768×1024), desktop (1280×800), wide (1440×900), full-hd (1920×1080)

Automated QA covered 98 workshop pages × 5 viewports (490 page/viewport combinations), checking navigation, readability, accessibility, and brand alignment per /github-brand. This was the only finding produced.

# Viewport Category Description
1 small readability Horizontal document overflow of 2px detected on the README page ((127.0.0.1/redacted) document.documentElement.scrollWidthis362pxvsclientWidth 360px. Root cause: the link Fix Codespaces actions:write Errors When Running gh aw run(href#side-quest-08-01-codespaces-actions-write) contains an inline gh aw runelement that does not wrap, pushing its right edge tox=361.875px, just past the 360px` viewport boundary.
Reproduction
  1. Load (127.0.0.1/redacted) (workshop READMEpage) at a360×800` viewport.
  2. Observe document.documentElement.scrollWidth (362px) exceeds clientWidth (360px), producing a 2px horizontal scrollbar — fails the brand skill's hard requirement of "no horizontal document overflow greater than 1px".
  3. The offending element is a list-item link containing an inline <code> span (gh aw run) that doesn't break, in the "Other pages" / side-quest links section of the README.
Suggested fix

Allow the inline <code> elements inside these link labels to wrap (e.g. overflow-wrap: anywhere or word-break: break-word on .markdown-body a code, or on the link/list-item itself) so long link labels with inline code don't force a fixed-width overflow at narrow viewports.

Screenshots

README small viewport horizontal overflow near the "Fix Codespaces actions:write Errors" link

[!WARNING]

Firewall blocked 7 domains

The following domains were blocked by the firewall during workflow execution:

  • accounts.google.com
  • android.clients.google.com
  • clients2.google.com
  • registry.npmjs.org
  • update.googleapis.com
  • www.google.com
  • www.gstatic.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "clients2.google.com"
    - "registry.npmjs.org"
    - "update.googleapis.com"
    - "www.google.com"
    - "www.gstatic.com"

See Network Configuration for more information.

Generated by 🎭 Workshop Playwright QA · copilot · auto · 169.1 AIC · ⌖ 5.02 AIC · ⊞ 9.5K · ◷

  • expires on Oct 14, 2026, 7:56 PM UTC
Lingua principale
JavaScript
Stelle
53
Fork
35
Merge medio
13h 50m
PR unite (30g)
14

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

  • Nessun Dockerfile né file Docker Compose
  • Nessun modello di pull request
  • Nessuna guida per i contributori

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-aw-workshop

Tutte le issue di githubnext/gh-aw-workshop

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.