Menu: Menu should close when a user tabs to next focusable element · google/material-design-lite#4790

(1 评论) (0 反应) (0 负责人)HTML (32,173 star) (4,926 fork)batch import

help wantedv1-bug

描述

What MDL Version are you using? (please be specific, e.g. major.minor.patch) material-design-lite-1.2.1

What browser(s) is this bug affecting (including version)? Any browser

What OS (and version) are you using? OSX, 10.11.6

What are the steps to reproduce the bug? Can you create a plunker/codepen/jsfiddle which reproduces it?

Open the menus section of getmdl.io: https://getmdl.io/components/index.html#menus-section
Click on a menu botton to open the menu
Press tab to move to next focusable element

What is the expected behavior? The menu should close

What is the actual behavior? The menu is still open

One more: After clicking on the button to open the menu, it is not possible to navigate the menu using keyboard. When a user cliks on the menu button, the first menu item shuld gain focus.

贡献者指南

技术栈: htmlcssjavascript
领域: frontend
议题类型: bug
难度: 2
预计时间: 1-3 hours
活动状态: stale
清晰度: clear
前置要求: Basic HTML/CSS/JSUnderstanding of focus events
新手友好度: 70
研究方向: Investigate the menu component to add a blur or tab keydown listener that closes the menu. Look for the menu toggle implementation and ensure the first menu item receives focus when opened. The existing code likely uses a simple click handler; extend to handle keyboard events.