From ac714283c5c803afd3537d7f8f4f982403d06b1e Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Tue, 16 Aug 2022 12:46:50 +0100
Subject: [PATCH] Fixed #2853 - Overlay components don't work with SSR

---
 src/components/portal/Portal.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/portal/Portal.vue b/src/components/portal/Portal.vue
index 6fb8b9080..395bbd571 100644
--- a/src/components/portal/Portal.vue
+++ b/src/components/portal/Portal.vue
@@ -2,9 +2,11 @@
     <template v-if="inline">
         <slot></slot>
     </template>
-    <Teleport v-else-if="isClient" :to="appendTo">
-        <slot></slot>
-    </Teleport>
+    <template v-else-if="mounted">
+        <Teleport :to="appendTo">
+            <slot></slot>
+        </Teleport>
+    </template>
 </template>
 
 <script>
@@ -22,12 +24,17 @@ export default {
             default: false
         }
     },
+    data() {
+        return {
+            mounted: false
+        }
+    },
+    mounted() {
+        this.mounted = DomHandler.isClient();
+    },
     computed: {
         inline() {
             return this.disabled || this.appendTo === 'self';
-        },
-        isClient() {
-            return DomHandler.isClient();
         }
     }
 }