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

[web] Buttons show the default arrow cursor on hover (Tailwind v4 dropped the preflight `cursor: pointer`)

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

I maintainer di solito rispondono entro 1 giorno

@xbsheng ci sta già lavorando.

Dal 12/10/2026.

  • #595 di @xbsheng — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
85/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css, tailwindcss
Ambito
frontend

Direzione di ricerca

Inizia da web/src/app/globals.css e controlla come il progetto usa Tailwind CSS v4; l’issue indica anche controlli disabilitati in step-controls.tsx e simulator-controls.tsx. Ripristina il comportamento del puntatore per i pulsanti abilitati e gli elementi [role="button"], mantenendo il cursore predefinito per i pulsanti disabilitati. Il lavoro è completato quando i controlli abilitati mostrano un puntatore e quelli disabilitati no.

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

Descrizione

Problem

Hovering the locale switcher (EN / 中文 / 日本語) and the dark-mode toggle in the header shows the default arrow cursor instead of a pointer. The nav links (Timeline / Compare / Layers) and the GitHub icon on the same row are fine.

This is not limited to the header: every <button> in web/ behaves the same way — Compare/Diff tabs, the simulator and per-session playback controls, the Design Decisions collapsible, etc.

Cause

web/ is on Tailwind CSS v4. The v3 preflight included button, [role="button"] { cursor: pointer }; v4 dropped it, so <button> falls back to the browser's UA default cursor: default. <a> elements (nav links, GitHub icon) still get cursor: pointer from the UA stylesheet — which is exactly why one row of the header looks inconsistent.

Verifiable in the production bundle: the only cursor declaration in /_next/static/chunks/0b4b0328131d73a8.css is .cursor-pointer, used exactly once (web/src/app/[locale]/page.tsx:219).

Suggested fix

Restore the rule once in web/src/app/globals.css instead of adding cursor-pointer to every button:

button:not(:disabled),
[role="button"]:not(:disabled) {
  cursor: pointer;
}

:not(:disabled) matters because step-controls.tsx and simulator-controls.tsx have disabled buttons, and those should keep the default cursor.

Environment
Lingua principale
Python
Stelle
78.6k
Fork
12.6k
Merge medio
3h 27m
PR unite (30g)
2

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 shareAI-lab/learn-claude-code

Tutte le issue di shareAI-lab/learn-claude-code

Issue simili

Altre issue su Python

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.