diff --git a/docs/src/examples/Dialog/Async.vue b/docs/src/examples/Dialog/Async.vue
new file mode 100644
index 00000000000..9da557d14c5
--- /dev/null
+++ b/docs/src/examples/Dialog/Async.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
diff --git a/docs/src/pages/quasar-plugins/dialog.md b/docs/src/pages/quasar-plugins/dialog.md
index 5f7e5517d4c..aeea13755b5 100644
--- a/docs/src/pages/quasar-plugins/dialog.md
+++ b/docs/src/pages/quasar-plugins/dialog.md
@@ -87,6 +87,13 @@ There is a basic validation system that you can use so that the user won't be ab
+### Hide await async task
+
+Don't to close the dialog immediately after clicking the OK or Cancel button
+
+
+
+
### Using HTML
You can use HTML on title and message if you specify the `html: true` prop. **Please note that this can lead to XSS attacks**, so make sure that you sanitize the message by yourself.
diff --git a/ui/src/plugins/dialog/component/DialogPluginComponent.js b/ui/src/plugins/dialog/component/DialogPluginComponent.js
index 6e9dccaf643..c94cbd8539d 100644
--- a/ui/src/plugins/dialog/component/DialogPluginComponent.js
+++ b/ui/src/plugins/dialog/component/DialogPluginComponent.js
@@ -173,11 +173,11 @@ export default createComponent({
function onOk () {
emit('ok', toRaw(model.value))
- hide()
+ if(!props.ok?.notHide) hide()
}
function onCancel () {
- hide()
+ if(!props.cancel?.notHide) hide()
}
function onDialogHide () {