google/material-design-lite

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

Open

#4.790 geöffnet am 24. Sept. 2016

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)HTML (32.173 Stars) (4.926 Forks)batch import
help wantedv1-bug

Beschreibung

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.

Contributor Guide

Tech Stack
htmlcssjavascript
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
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
Basic HTML/CSS/JSUnderstanding of focus events
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70
Research-Richtung
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.