HTML-Tag <dialog> als Modal-Ersatz

Das <dialog>-Element stellt ein modales oder nicht-modales Dialogfenster dar (z. B. Bestätigungsdialog, Formular, Hinweis). Es bietet native Methoden (show(), showModal(), close()), ein ::backdrop-Pseudo-Element und vereinfacht zugängliche Modals, wenn richtig eingesetzt. MDN Web Docs 1. Definition & Zweck 2. Grundsyntax & Attribute Attribut / Eigenschaft Bedeutung open HTML-Attribut. Wenn gesetzt, ist der Dialog sichtbar (nicht unbedingt … Weiterlesen

HTML-Attribut „popover“ zeigt/verbirgt Elemente

1. Einordnung & Zweck 2. Attributwerte & Verhalten Wert Beschreibung / Verhalten auto (Standard) Popover kann „light dismiss“ — d. h. durch Klick außerhalb oder durch Esc geschlossen werden. Öffnen eines neuen auto-Popovers schließt ggf. andere auto-Popovers (außer verschachtelten). (MDN Web Docs) manual Popover schließt nicht automatisch und reagiert nicht auf Klick außerhalb. Steuerung ausschließlich … Weiterlesen