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

Improve focus states for text inputs and textareas

Aperta
  • Qualcosa non va?
#998 0 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
css
Ambito
accessibility, design, frontend

Direzione di ricerca

Inizia esaminando gli stili dello stato di focus per gli input di testo, le textarea e le select, quindi confrontali con l’approccio del doppio box-shadow descritto nella pull request 992. Aggiorna la presentazione del focus pertinente in modo che sia più evidente e verifica che tutti e tre i tipi di controllo cambino visibilmente quando ricevono il focus.

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

Descrizione

dunkagroo estimate-2 jira-sync-complete p2

Currently, the focus states for text inputs, textareas, and selects are very subtle and difficult to identify unless you know what to look for. The borders for each are only updated to use the relevant -dark color variant when focused.

We should make these more prominent.

In https://github.com/mapbox/assembly/pull/992, we updated stroked selects to use a double box-shadow when focused. We might want to implement the same changes for text inputs and textareas.

Screen Shot 2021-04-15 at 11 19 36 AM
Lingua principale
CSS
Stelle
138
Fork
26
Merge medio
13m
PR unite (30g)
5

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 mapbox/assembly

Tutte le issue di mapbox/assembly

Issue simili

Altre issue su Accessibility

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.