Problem mit Hamburger navigation container
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Auch animiertes Rein-/Rausfahren ist mit etwas mehr JavaScript und CSS möglich, [Beispiel](https://codepen.io/gunnarbittersmann/pen/daLvML).
>
> PS: Hatte ich schon erwähnt, dass das [Hamburg-Icon](https://codepen.io/gunnarbittersmann/pen/yZrLXJ) für Menüs keine so gute Idee ist? 🤪
Beide gezeigten Beispiele sind nicht perfekt. Was fehlt: entweder **focus trap**{:@en} (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 man der Tastaturfokus aus dem Menü rausgeht.
Zumindest hatte ich daran gedacht zu implementieren, dass man das Menü auch per ESC-Taste schließen kann.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}
Problem mit Hamburger navigation container
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Auch animiertes Rein-/Rausfahren ist mit etwas mehr JavaScript und CSS möglich, [Beispiel](https://codepen.io/gunnarbittersmann/pen/daLvML).
>
> PS: Hatte ich schon erwähnt, dass das [Hamburg-Icon](https://codepen.io/gunnarbittersmann/pen/yZrLXJ) für Menüs keine so gute Idee ist? 🤪
Beide gezeigten Beispiele sind nicht perfekt. Was fehlt: entweder **focus trap**{:@en} (d.h. man kommt per Tastatur nicht aus dem geöffnete Menü raus, ohne es vorher zu schließen) oder das Menü schließt sich automatisch, wenn man der Tastaturfokus aus dem Menü rausgeht.
Zumindest hatte ich dran gedacht zu implementieren, dass man das Menü auch per ESC-Taste schließen kann.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}
Problem mit Hamburger navigation container
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Auch animiertes Rein-/Rausfahren ist mit etwas mehr JavaScript und CSS möglich, [Beispiel](https://codepen.io/gunnarbittersmann/pen/daLvML).
>
> PS: Hatte ich schon erwähnt, dass das [Hamburg-Icon](https://codepen.io/gunnarbittersmann/pen/yZrLXJ) für Menüs keine so gute Idee ist? 🤪
Beide gezeigten Beispiele sind nicht perfekt. Was fehlt: entweder **focus trap**{:@en} (d.h. man kommt per Tastatur nicht aus dem geöffnete Menü raus, ohne es zu schließen) oder das Menü schließt sich automatisch, wenn man der Tastaturfokus aus dem Menü rausgeht.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}