From 3a13ce6c57fc6a07ab0f1f23454e62c276d552ff Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Thu, 21 Mar 2024 16:58:58 +0100
Subject: [PATCH] fix(modal): mount nested modals inside global modals

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../ConversationPermissionsSettings.vue               |  1 +
 .../Matterbridge/MatterbridgeSettings.vue             |  4 ++--
 .../PermissionsEditor/PermissionsEditor.vue           | 11 ++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/ConversationSettings/ConversationPermissionsSettings.vue b/src/components/ConversationSettings/ConversationPermissionsSettings.vue
index 0838665b062..ec4277c218e 100644
--- a/src/components/ConversationSettings/ConversationPermissionsSettings.vue
+++ b/src/components/ConversationSettings/ConversationPermissionsSettings.vue
@@ -88,6 +88,7 @@
 			:conversation-name="conversationName"
 			:permissions="conversationPermissions"
 			:loading="loading"
+			nested-container=".conversation-permissions-editor"
 			@close="handleClosePermissionsEditor"
 			@submit="handleSubmitPermissions" />
 	</div>
diff --git a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
index 9aa5f06b917..927d8ac05af 100644
--- a/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
+++ b/src/components/ConversationSettings/Matterbridge/MatterbridgeSettings.vue
@@ -67,7 +67,7 @@
 						</template>
 					</NcButton>
 					<NcModal v-if="logModal"
-						:container="container"
+						container=".matterbridge-settings"
 						@close="closeLogModal">
 						<div class="modal__content">
 							<textarea v-model="processLog" class="log-content" />
@@ -82,7 +82,7 @@
 						:type="types[part.type]"
 						:editing="part.editing"
 						:editable="!enabled"
-						:container="container"
+						container=".matterbridge-settings"
 						@edit-clicked="onEditClicked(i)"
 						@delete-part="onDelete(i)" />
 				</li>
diff --git a/src/components/PermissionsEditor/PermissionsEditor.vue b/src/components/PermissionsEditor/PermissionsEditor.vue
index 099e8597306..9febcc8db20 100644
--- a/src/components/PermissionsEditor/PermissionsEditor.vue
+++ b/src/components/PermissionsEditor/PermissionsEditor.vue
@@ -110,6 +110,11 @@ export default {
 			default: '',
 		},
 
+		nestedContainer: {
+			type: String,
+			default: null,
+		},
+
 		/**
 		 * The conversation's name. Don't provide this when modifying
 		 * participants' permissions.
@@ -148,7 +153,7 @@ export default {
 
 	computed: {
 		container() {
-			return this.$store.getters.getMainContainerSelector()
+			return this.nestedContainer ?? this.$store.getters.getMainContainerSelector()
 		},
 
 		modalTitle() {
@@ -262,4 +267,8 @@ export default {
 	margin: 0 auto;
 }
 
+// TODO remove after https://github.com/nextcloud-libraries/nextcloud-vue/issues/5228
+:deep(.modal-wrapper--small .modal-container) {
+	width: 400px !important;
+}
 </style>