There are no tracking or monitoring cookies on this site. There are only cookies used for documentation examples related to cookies.

This may take a few seconds.



dialog-show: (selector) [modal] [after (time)][, (selector)...];

selector set = Any valid CSS selector referencing a dialog element.

modal = (optional) Open the dialog element as a modal popup. If this option is not set, the rest of the page will be interactive when the dialog is open.


This command displays an already existing HTML dialog element, either as a modal popup or not.

Note that the ACSS event flow does not halt temporarily when this command is run. Instead, the event flow continues to execute any commands present after the dialog-show command.


Internally it utilizes the native JavaScript and HTMLDialogElement.showModal() methods.



Dialog modal with close button

Show a non-modal dialog

A non-modal dialog that is drawn immediately