From e1ebb36bd2a906912d9d35ef1a57a4e61a2c59fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=AD=90=E5=87=8C?= <sling1994@live.com>
Date: Thu, 1 Aug 2024 19:43:21 +0800
Subject: [PATCH] fix: fix the unexpected joggle state when `dialog` component
 non-fixed

---
 components/lib/dialog/Dialog.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/lib/dialog/Dialog.vue b/components/lib/dialog/Dialog.vue
index 31f4bf890..684d7cd5b 100755
--- a/components/lib/dialog/Dialog.vue
+++ b/components/lib/dialog/Dialog.vue
@@ -1,7 +1,7 @@
 <template>
     <Portal :appendTo="appendTo">
         <div v-if="containerVisible" :ref="maskRef" :class="cx('mask')" :style="sx('mask', true, { position, modal })" @click="onMaskClick" v-bind="ptm('mask')">
-            <transition name="p-dialog" @before-enter="onBeforeEnter" @enter="onEnter" @before-leave="onBeforeLeave" @leave="onLeave" @after-leave="onAfterLeave" appear v-bind="ptm('transition')">
+            <transition name="p-dialog" @before-enter="onBeforeEnter" @enter="onEnter" @after-enter="onAfterEnter" @before-leave="onBeforeLeave" @leave="onLeave" @after-leave="onAfterLeave" appear v-bind="ptm('transition')">
                 <div v-if="visible" :ref="containerRef" v-focustrap="{ disabled: !modal }" :class="cx('root')" :style="sx('root')" role="dialog" :aria-labelledby="ariaLabelledById" :aria-modal="modal" v-bind="ptmi('root')">
                     <slot v-if="$slots.container" name="container" :onClose="close" :onMaximize="(event) => maximize(event)" :closeCallback="close" :maximizeCallback="(event) => maximize(event)"></slot>
                     <template v-else>
@@ -141,7 +141,6 @@ export default {
         onEnter() {
             this.$emit('show');
             this.target = document.activeElement;
-            this.focus();
             this.enableDocumentSettings();
             this.bindGlobalListeners();
 
@@ -149,6 +148,9 @@ export default {
                 ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
             }
         },
+        onAfterEnter() {
+            this.focus();
+        },
         onBeforeLeave() {
             if (this.modal) {
                 !this.isUnstyled && DomHandler.addClass(this.mask, 'p-component-overlay-leave');