Merge pull request #5062 from nextcloud-libraries/fix/noid/click-outs…

…ide-nc-dialog

fix(NcDialog): allow to close NcDialog on click outside

src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue

@@ -268,6 +268,7 @@ export default {
 		dialogProperties() {
 			return {
 				additionalTrapElements: this.additionalTrapElements,
+				closeOnClickOutside: true,
 				class: 'app-settings',
 				container: this.container,
 				contentClasses: 'app-settings__content',

src/components/NcDialog/NcDialog.vue

@@ -216,6 +216,15 @@ export default defineComponent({
 			default: true,
 		},
 
+		/**
+		 * Close the dialog if the user clicked outside of the dialog
+		 * Only relevant if `canClose` is set to true.
+		 */
+		closeOnClickOutside: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Declare if hiding the modal should be animated
 		 * @default false
@@ -345,7 +354,7 @@ export default defineComponent({
 			show: props.open && showModal.value,
 			outTransition: props.outTransition,
 			class: 'dialog__modal',
-			closeOnClickOutside: false,
+			closeOnClickOutside: props.closeOnClickOutside,
 			enableSlideshow: false,
 			enableSwipe: false,
 		}))