fix: issue #8292 MessageBox error focus

element-plus · Jun 17, 2022 · 8d8821d · 8d8821d
1 parent 4ac10cf
commit 8d8821d
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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()
         }