mattermost-community/focalboard

Keyboard navigation: Card dialog

Open

#27 geöffnet am 19. Jan. 2021

Auf GitHub ansehen
 (0 Kommentare) (1 Reaktion) (0 zugewiesene Personen)TypeScript (2.542 Forks)user submission
HacktoberfestHelp WantedTech/ReactTech/TypescriptUp for grabs

Repository-Metriken

Stars
 (26.187 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuche die Focalboard Codebasis, um die Karten Dialogkomponente zu finden (wahrscheinlich in 'webapp/src/components/cardDialog'). Überprüfe vorhandene Tastaturnavigationsmuster in anderen Teilen der App (z. B. Board Ansicht). Implementiere dann Fokusmanagement und Tastenereignis Handler, um die Navigation zwischen Eigenschaftsfeldern, Kommentarbereich und Inhaltsbereich mit Tab, Pfeiltasten und Escape zu ermöglichen. Stelle sicher, dass alle interaktiven Elemente fokussierbar sind und der Fokus innerhalb des Dialogs eingeschlossen bleibt. Es gibt keine Pull Requests oder Kommentare, beginne also damit, die aktuelle Komponentenstruktur zu verstehen und einen Plan vorzuschlagen.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitTypeScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60