google/material-design-lite

Menu: Menu should close when a user tabs to next focusable element

Open

#4 790 ouverte le 24 sept. 2016

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)HTML (32 173 stars) (4 926 forks)batch import
help wantedv1-bug

Description

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?

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.

Guide contributeur

Stack technique
htmlcssjavascript
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic HTML/CSS/JSUnderstanding of focus events
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
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.