Popover ist hier besser als details/summary

[Matthias Scharwies]

Servus!

Hallo Matthias,

Flyout Menü mit popover? Kommt mir gerade merkwürdig vor.

Könntest du mit „ungewohnt“ leben?

Tooltips_mit_Popover#explizites_Beenden

<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