demo · v132

Visualise the <dialog> state machine

Open, modal-open, close, cancel. Four transitions, two pairs of events. Watch the state diagram light up live as you click; every event fires in the log with its oldState and newState.

checking support…
closed
open

event log (newest first)

waiting for events…

A dialog

Press Esc, click the close button, or click outside (modal only).

see also