From c99df794b9fce087ae0c94c95e42b65fd776dd9a Mon Sep 17 00:00:00 2001
From: madresebanoo <info@madresebanoo.ir>
Date: Mon, 21 Sep 2026 11:39:41 +0430
Subject: [PATCH] fix(modal): keep confirm dialog above other modals

ConfirmModal mounts once at the app root, so its Teleport anchor in
<body> is created before page-level modals like TermDetailsModal.
With an identical z-index, later-mounted modals ended up stacking on
top of it, hiding the confirmation prompt (e.g. confirming the new
remove-student-from-term action). Adds a configurable zIndex prop to
BasicModal and gives ConfirmModal a higher value so it always shows
on top regardless of mount order.
---
 src/components/BasicModal.vue   | 4 ++--
 src/components/ConfirmModal.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/BasicModal.vue b/src/components/BasicModal.vue
index 6cf8989..76df1c8 100644
--- a/src/components/BasicModal.vue
+++ b/src/components/BasicModal.vue
@@ -1,7 +1,7 @@
 <template>
   <Teleport to="body">
     <Transition name="fade-scale" @after-enter="onOpened" @after-leave="onClosed">
-      <div v-if="isOpen" class="basic-modal" @click="onBackdropClick">
+      <div v-if="isOpen" class="basic-modal" :style="{ zIndex }" @click="onBackdropClick">
         <div class="basic-modal__container" :style="containerStyle" @click.stop>
           <div class="basic-modal__card scrollbar-thin">
             <header v-if="hasHeader" class="basic-modal__header">
@@ -43,6 +43,7 @@ const props = defineProps({
   width: { type: String, default: '' },
   maxWidth: { type: String, default: '98%' },
   minWidth: { type: String, default: '85%' },
+  zIndex: { type: [Number, String], default: 50 },
 })
 
 const emit = defineEmits(['open', 'close'])
@@ -101,7 +102,6 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
 .basic-modal {
   position: fixed;
   inset: 0;
-  z-index: 50;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/components/ConfirmModal.vue b/src/components/ConfirmModal.vue
index bbf9107..6436237 100644
--- a/src/components/ConfirmModal.vue
+++ b/src/components/ConfirmModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal min-width="0" max-width="640px" width="95%" :show-close-button="false">
+  <BasicModal min-width="0" max-width="640px" width="95%" :show-close-button="false" :z-index="60">
     <template #default="{ data }">
       <div class="confirm-modal">
         <h3 class="confirm-modal__title">{{ data?.title || 'تأیید حذف' }}</h3>