From 46a20e9e058dd71f978ecd8e244ab9fa29f09b38 Mon Sep 17 00:00:00 2001
From: jeremywu <591449570@qq.com>
Date: Thu, 10 Dec 2020 16:17:12 +0800
Subject: [PATCH] fix(dialog): fix dialog bouncing (#955)

- Change rendered before open dispatches to avoid bouncing
---
 packages/dialog/src/useDialog.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/dialog/src/useDialog.ts b/packages/dialog/src/useDialog.ts
index 1eb13fbe5f..063518deed 100644
--- a/packages/dialog/src/useDialog.ts
+++ b/packages/dialog/src/useDialog.ts
@@ -39,7 +39,6 @@ export default function(props: UseDialogProps, ctx: SetupContext, targetRef: Ref
 
   function afterEnter() {
     ctx.emit(OPENED_EVENT)
-    rendered.value = true // enables lazy rendering
   }
 
   function afterLeave() {
@@ -128,6 +127,7 @@ export default function(props: UseDialogProps, ctx: SetupContext, targetRef: Ref
   watch(() => props.modelValue, val => {
     if (val) {
       closed.value = false
+      rendered.value = true // enables lazy rendering
       open()
       ctx.emit(OPEN_EVENT)
       zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()
@@ -149,6 +149,7 @@ export default function(props: UseDialogProps, ctx: SetupContext, targetRef: Ref
   onMounted(() => {
     if (props.modelValue) {
       visible.value = true
+      rendered.value = true // enables lazy rendering
       open()
     }
   })