App Bridge modal test harness

Bare

No title bar, no buttons - the only way to close it is the backdrop or Esc.

Title only

Title bar with a title and the built-in close (X) button, no custom actions.

Title bar actions

Title bar with a secondary Cancel and a primary Save button, no form fields.

Form + title bar submit

Form fields in the body; the title bar's primary Save button reads the form state and submits.

Native form submit

A real <form> with its own Submit button - Enter key submits too, no title bar involved.

Manual footer buttons

Form fields with Save/Discard rendered as a plain footer row - ui-save-bar doesn't render inside a modal in this App Bridge version.

Long scrollable content

Long body content, to verify the modal scrolls its own content rather than the page.

Bare

Content loaded from a separate route via src, no title bar - dismiss via backdrop/Esc only.

Title only

Iframe content with a title bar (title + built-in close), no custom actions.

Title bar actions

Title bar Cancel/Save on the PARENT frame - Save asks the child iframe to report back via postMessage.

Form (child-driven)

Iframe content is a form with its own Submit/Cancel buttons; results arrive via postMessage.

Form + parent-driven title bar Save

Iframe content is a form; the PARENT's title bar Save button requests the data from the child via postMessage.