palantir/blueprint

Tabable or otherwise keyboard controllable Menu / MenuItem

Open

#3,079 创建于 2018年10月26日

在 GitHub 查看
 (8 评论) (4 反应) (0 负责人)TypeScript (20,263 star) (2,167 fork)batch import
Domain: accessibilityP1Package: coreType: enhancementhelp wanted

描述

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

贡献者指南

技术栈
typescriptreact
领域
frontendaccessibility
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
React basicsAccessibility fundamentalsKeyboard navigation patterns
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
65
研究方向
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.