Popover HTML · Top Layer

HTML popover: oben, nicht modal.

Mit popovertarget verbindet HTML einen Button mit einem Element im Top Layer. popover="auto" schließt bei Klick außerhalb oder Esc. Die Seite bleibt bedienbar; der Fokus wird nicht eingeschlossen.

Ebenen-Aufzug

Über jedem z-index. Ohne Fokusfalle.

Seite aktiv

Top Layer

Zwei offene Rechnungen.

  1. 01Auslöser
  2. 02Popover
  3. 03Seite

Popover geschlossen. Öffnen Sie Details und wechseln Sie mit Tab weiter.

Klick außerhalb und Esc schließen. Muss der Rest gesperrt sein, verwenden Sie einen modalen dialog.

Technische Warnsignale in interaktiven Ebenen finden.

Interaktive Ebenen meiner Website prüfen