Infobox/modale Dialogfenster

[Matthias Scharwies]

Mahlzeit!

Aber hat Dich das hier auch überrascht?

<form method="dialog">

Das würde mich nämlich überraschen 😉

Ehrlich gesagt ja!

Als ich das letzte Mal dialog für die ToDo-Liste verwendet hatte, habe ich alles mit JS geöffnet und geschlossen - weil ich die HTML-only-Lösung nicht auf dem Schirm hatte.

Ich habe jetzt das Tutorial überarbeitet:

• Infobox/modale Dialogfenster

Vordergründig, um die neuen Attribute einzuführen:

• Öffnen_mit_command - Das funktioniert nur im Chrome Canary
  Ich finde command als Namen sehr viel besser als popovertarget und invoketarget; ebensocommandfor anstelle von popovertargetaction
  Andererseits hätte vielleicht ein for wie bei label gereicht.
• light dismiss mit closedby -ebenfalls nur im Canary

Das hätte aber noch Zeit gehabt. Was mich im Verständnis raus gebracht hatte, war unser erstes Beispiel. Da es mit open und CSS geöffnet wurde, hat es kein showModal()und kann deshalb nicht mit ESC geschlossen werden. Das habe ich in Tutorial und Referenz-Artikel genauer erklärt.

Was hoffentlich ebenfalls deutlicher geworden ist:
Der Unterschied zwischen nichtmodalem Popover und modalem Dialog.

Herzliche Grüße

Matthias Scharwies