diff --git a/packages/@core/ui-kit/popup-ui/src/alert/alert.vue b/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
index fd7b95df..8e8a23fb 100644
--- a/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
+++ b/packages/@core/ui-kit/popup-ui/src/alert/alert.vue
@@ -145,7 +145,7 @@ async function handleOpenChange(val: boolean) {
 }
 </script>
 <template>
-  <AlertDialog :open="open" @update:open="handleOpenChange">
+  <AlertDialog :modal="false" :open="open" @update:open="handleOpenChange">
     <AlertDialogContent
       :open="open"
       :centered="centered"
@@ -153,6 +153,7 @@ async function handleOpenChange(val: boolean) {
       @opened="emits('opened')"
       @closed="onAlertClosed"
       @escape-key-down="onEscapeKeyDown($event)"
+      @close="handleOpenChange(false)"
       :class="
         cn(
           containerClass,
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
index e49377aa..58aba020 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
@@ -11,7 +11,6 @@ import { cn } from '@vben-core/shared/utils';
 import { reactiveOmit } from '@vueuse/core';
 import {
   AlertDialogContent,
-  AlertDialogOverlay,
   AlertDialogPortal,
   useForwardPropsEmits,
 } from 'reka-ui';
@@ -37,6 +36,9 @@ const emits = defineEmits<
   AlertDialogContentEmits & { close: []; closed: []; opened: [] }
 >();
 
+// reka-ui 的 AlertDialog 在 modal=true 时会将 body 设置 pointer-events:none，
+// 弹出层（如 Select 下拉框）会因此无法点击。这里通过在上层传入 :modal="false" 来
+// 避免该问题，同时自行渲染遮罩并锁定滚动。
 useScrollLock();
 
 const delegatedProps = reactiveOmit(props, 'class');
@@ -62,10 +64,9 @@ defineExpose({
 <template>
   <AlertDialogPortal>
     <Transition name="fade" appear>
-      <AlertDialogOverlay
-        data-slot="alert-dialog-overlay"
-        class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-popup bg-overlay"
+      <div
         v-if="open && modal"
+        class="fixed inset-0 z-popup bg-overlay"
         :style="{
           ...(zIndex ? { zIndex } : {}),
           position: 'fixed',
@@ -73,7 +74,7 @@ defineExpose({
             overlayBlur && overlayBlur > 0 ? `blur(${overlayBlur}px)` : 'none',
         }"
         @click="() => emits('close')"
-      />
+      ></div>
     </Transition>
     <AlertDialogContent
       data-slot="alert-dialog-content"