Problem mit Hamburger navigation container

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Auch animiertes Rein-/Rausfahren ist mit etwas mehr JavaScript und CSS möglich, Beispiel.

PS: Hatte ich schon erwähnt, dass das Hamburg-Icon für Menüs keine so gute Idee ist? 🤪

Beide gezeigten Beispiele sind nicht perfekt. Was fehlt: entweder focus trap (d.h. man kommt per Tastatur nicht aus dem geöffneten Menü heraus, ohne es vorher zu schließen) oder das Menü schließt sich automatisch, wenn der Tastaturfokus aus dem Menü rausgeht.

Zumindest hatte ich daran gedacht zu implementieren, dass man das Menü auch per ESC-Taste schließen kann.

🖖 Живіть довго і процвітайте