fix(NcModal): make 'Close' button the last element for the focus-trap

Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud-libraries · Nov 25, 2024 · a2ee270 · a2ee270
1 parent 3c37a5a
commit a2ee270
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/NcModal/NcModal.vue b/src/components/NcModal/NcModal.vue
@@ -289,6 +289,10 @@ export default {
 
 					<!-- Content -->
 					<div :id="'modal-description-' + randId" class="modal-container">
+						<div class="modal-container__content">
+							<!-- @slot Modal content to render -->
+							<slot />
+						</div>
 						<!-- Close modal -->
 						<NcButton v-if="canClose && closeButtonContained"
 							type="tertiary"
@@ -299,10 +303,6 @@ export default {
 								<Close :size="20" />
 							</template>
 						</NcButton>
-						<div class="modal-container__content">
-							<!-- @slot Modal content to render -->
-							<slot />
-						</div>
 					</div>
 
 					<!-- Navigation button -->