This property is set to null when the Popup is displayed.

It can be set in response to button click events or in the call to the hide method to provide a result value to callers.

The default value for this property is null.

If the user presses Enter and the dialogResultEnter property is not null, the popup checks whether all its child elements are in a valid state. If so, the popup is closed and the dialogResult property is set to the value of the dialogResultEnter property.

The default value for this property is null.

If you set this property to a non-empty string, the control will handle the form's submit event, validating the fields and closing the form with a dialogResult set to the specified value. For example:

let dlg = new Popup('#theForm', {
    dialogResultSubmit: 'ok'
});
dlg.show(true, () => {
    if (dlg.dialogResult == dlg.dialogResultSubmit) {
        // form is valid, handle results here
    }
});

See also the dialogResultEnter property, which can be used when the Popup is hosted in elements that are not forms.

The default value for this property is true.

The default value for this property is true.

The default value for this property is PopupTrigger.Blur, which causes the popup to hide when it loses focus.

If you set the hideTrigger property to PopupTrigger.Click, the popup will be hidden when the user clicks the popup or its owner element.

If you set the hideTrigger property to PopupTrigger.Leave, the popup will be hidden a short interval after the mouse leaves the popup or its owner element, unless the user moves the mouse back into the popup before the interval elapses.

If you set the hideTrigger property to PopupTrigger.None, the popup will be hidden only when the hide method is called (or when the user presses the Escape key).

The header is identified by the '.wj-dialog-header' or '.modal-header' CSS selectors. If the dialog does not contain any elements with the 'wj-dialog-header' or 'modal-header' classes, users will not be able to drag the popup.

The default value for this property is false.

You can limit the size of the popup by setting the host element's max-width, min-width, max-height, and min-height CSS properties.

The default value for this property is false.

Modal dialogs show a dark backdrop that makes the Popup stand out from other content on the page.

If you want to make a dialog truly modal, also set the Popup.hideTrigger property to PopupTrigger.None, so users won't be able to click the backdrop to dismiss the dialog. In this case, the dialog will close only when the hide method is called (or when the user presses the Escape key).

The default value for this property is false.

If the owner is null, the Popup behaves like a dialog. It is centered on the screen and must be shown using the show method.

The default value for this property is PopupPosition.BelowLeft.

The default value for this property is true.

Note that removeOnHide removes the Popup element from the DOM when the Popup is hidden, but not when it is created.

If the Popup contains elements with access keys (accesskey attributes) that should not be activated when the Popup is not visible, you should remove the Popup from the DOM after it is created. For example:

import { Popup} from '@mescius/wijmo.input';
import { removeChild } from '@mescius/wijmo';
// create the Popup
let popup = new Popup('#popup', {
    owner: '#show'
});

// add event listeners to accesskey elements (accesskey element is in the DOM)
document.getElementById('alert').addEventListener('click', e => alert('hi'));

// remove Popup (and accesskey element) from DOM
// so accesskey will not work until the Popup is visible
removeChild(popup.hostElement);

The default value for this property is PopupTrigger.ClickOwner, which causes the popup to appear when the user clicks the owner element.

If you set the showTrigger property to PopupTrigger.None, the popup will be shown only when the show method is called.