Servus! > Hallo Matthias, > > Flyout Menü mit popover? Kommt mir gerade merkwürdig vor. > Könntest du mit „ungewohnt“ leben? [Tooltips_mit_Popover#explizites_Beenden](https://wiki.selfhtml.org/wiki/Infobox/Tooltips_mit_Popover#explizites_Beenden) ~~~ HTML <nav> <button popovertarget="flyout"> → Navigation ausklappen </button> <ul id="flyout" popover> <li> … </li> <li> … </li> <button popovertarget="flyout" popovertargetaction="hide" class="close-btn"> <span aria-hidden="true">X</span> <span class="sr-only">Schließen</span> </button> </ul> </nav> ~~~ **Kein JS nötig!** Wsl. ist es besser, ein div um das ul herum zu verwenden. Ich geh jetzt aber raus - die Sonne scheint! Herzliche Grüße Matthias Scharwies -- Die Signatur findet sich auf der Rückseite des Beitrags.

Servus! > Hallo Matthias, > > Flyout Menü mit popover? Kommt mir gerade merkwürdig vor. > Könntest du mit „ungewohnt“ leben? [Tooltips_mit_Popover#explizites_Beenden](https://wiki.selfhtml.org/wiki/Infobox/Tooltips_mit_Popover#explizites_Beenden) ~~~ HTML <nav> <button popovertarget="flyout"> → Navigation ausklappen </button> <ul id="flyout" popover> <li> … </li> <li> … </li> <button popovertarget="flyout" popovertargetaction="hide" class="close-btn"> <span aria-hidden="true">X</span> <span class="sr-only">Schließen</span> </button> </ul> </nav> ~~~ Wsl. ist es besser, ein div um das ul herum zu verwenden. Ich geh jetzt aber raus - die Sonne scheint! Herzliche Grüße Matthias Scharwies -- Die Signatur findet sich auf der Rückseite des Beitrags.

Servus! > Hallo Matthias, > > Flyout Menü mit popover? Kommt mir gerade merkwürdig vor. > Könntest du mit „ungewohnt“ leben? Es[Tooltips_mit_Popover#explizites_Beenden](https://wiki.selfhtml.org/wiki/Infobox/Tooltips_mit_Popover#explizites_Beenden) ~~~ HTML <nav> <button popovertarget="flyout"> → Navigation ausklappen </button> <ul id="flyout" popover> <li> … </li> <li> … </li> <button popovertarget="flyout" popovertargetaction="hide" class="close-btn"> <span aria-hidden="true">X</span> <span class="sr-only">Schließen</span> </button> </ul> </nav> ~~~ Herzliche Grüße Matthias Scharwies -- Die Signatur findet sich auf der Rückseite des Beitrags.