mattermost-community/focalboard

Keyboard navigation: Card dialog

Aperta

#27 aperta il 19 gen 2021

Vedi su GitHubGuida contributor
 (0 commenti) (1 reazione) (0 assegnatari)TypeScript (2542 fork)user submission
HacktoberfestHelp WantedTech/ReactTech/TypescriptUp for grabs

Metriche repository

Star
 (26.187 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Keyboard navigation is needed in general. This issue tracks the need to be able to use the card editor with just a keyboard. E.g.

  • Navigate property fields
  • Add comment
  • Add / edit content
  • Etc.

Guida contributor

Direzione di ricerca
Esamina la codebase di Focalboard per individuare il componente della finestra di dialogo della scheda (probabilmente in 'webapp/src/components/cardDialog'). Rivedi i modelli di navigazione da tastiera esistenti in altre parti dell'app (ad esempio, la vista board). Quindi, implementa la gestione del focus e i gestori di eventi da tastiera per consentire la navigazione tra i campi delle proprietà, la sezione commenti e l'area dei contenuti utilizzando Tab, i tasti freccia ed Escape. Assicurati che tutti gli elementi interattivi siano focalizzabili e che il focus rimanga intrappolato all'interno della finestra di dialogo. Non esistono pull request o commenti, quindi inizia comprendendo la struttura attuale del componente e proponendo un piano.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitTypeScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60