palantir/blueprint

Tabable or otherwise keyboard controllable Menu / MenuItem

Open

#3.079 geöffnet am 26. Okt. 2018

Auf GitHub ansehen
 (8 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
Domain: accessibilityP1Package: coreType: enhancementhelp wanted

Beschreibung

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

Contributor Guide

Tech Stack
typescriptreact
Domain
frontendaccessibility
Issue Type
feature
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.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React basicsAccessibility fundamentalsKeyboard navigation patterns
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65
Research-Richtung
Examine the current implementation of Menu, MenuItem, and Popover components in the Blueprint repository. Review the issue comments for any suggested approaches or existing work. Implement keyboard navigation using ARIA menu patterns (e.g., roving tabindex) and ensure compatibility with browser tab behavior. Test across different browsers to verify fix.