palantir/blueprint

Tabable or otherwise keyboard controllable Menu / MenuItem

Open

#3079 aperta il 26 ott 2018

Vedi su GitHub
 (8 commenti) (4 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Domain: accessibilityP1Package: coreType: enhancementhelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): 2.3.1 (also in your v3 demo)
  • Browser and OS versions: Safari 12.0, Chrome 69.0

Feature request

Popover-menues should be tabable or keyboard-controllable in any other way other than only by hotkeys for exactly one menu-item.

Current buggy behaviour: Going to the menu demo and trying to tab will open the second last menu item in the second menu. tabbing again will open the submenu of the last menu-item. tabbing another time will focus the last menu-item of the submenu.

Setting tabIndexes on each Popover and Menu Item will enable to either tab through popovers or menu items as soon as a menu is opened.

Examples

You can see the before mentioned example here: http://blueprintjs.com/docs/#core/components/menu

Guida contributor

Direzione di ricerca
Esaminare l'attuale implementazione della navigazione da tastiera nei componenti Popover e Menu, in particolare il tabIndex e la gestione del focus. Guardare come altre librerie UI gestiscono la navigazione da tastiera per i menu e implementare una soluzione che permetta di navigare tra le voci di menu con il tasto Tab e aprire i sottomenu con la tastiera.
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.
Abbastanza chiara
Prerequisiti
ReactTypeScriptAccessibility
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65