From 8d8821d334ef58846711c0a727ea833a98a7a9b4 Mon Sep 17 00:00:00 2001
From: LinZhanMing <510210521@qq.com>
Date: Sat, 18 Jun 2022 00:49:49 +0800
Subject: [PATCH] fix: issue #8292 MessageBox error focus

---
 packages/components/message-box/src/index.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/components/message-box/src/index.vue b/packages/components/message-box/src/index.vue
index 85982ad27830be..364c4343527f0b 100644
--- a/packages/components/message-box/src/index.vue
+++ b/packages/components/message-box/src/index.vue
@@ -126,7 +126,7 @@
                 {{ cancelButtonText || t('el.messagebox.cancel') }}
               </el-button>
               <el-button
-                v-show="showConfirmButton"
+                v-if="showConfirmButton"
                 ref="confirmRef"
                 type="primary"
                 :loading="confirmButtonLoading"
@@ -335,8 +335,14 @@ export default defineComponent({
       () => visible.value,
       (val) => {
         if (val) {
-          if (props.boxType === 'alert' || props.boxType === 'confirm') {
-            focusStartRef.value = confirmRef.value?.$el ?? rootRef.value
+          if (
+            props.boxType === '' ||
+            props.boxType === 'alert' ||
+            props.boxType === 'confirm'
+          ) {
+            nextTick().then(() => {
+              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value
+            })
           }
           state.zIndex = nextZIndex()
         }