From 8ca3624e2483af47efa88925e7ab89b4f7f5de29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Thu, 20 May 2021 16:57:38 +0200
Subject: [PATCH] fix bug when switching between tabs

---
 .../builder/portal/manage/email/[template].svelte  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
index 1ecaea693c..b3613a09a1 100644
--- a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from "svelte"
+  import { onMount, tick } from "svelte"
   import {
     Button,
     Detail,
@@ -44,6 +44,16 @@
   onMount(() => {
     mounted = true
   })
+
+  async function fixMountBug({ detail }) {
+    console.log(detail)
+    if (detail === "Edit") {
+      await tick()
+      mounted = true
+    } else {
+      mounted = false
+    }
+  }
 </script>
 
 <Page wide>
@@ -69,7 +79,7 @@
       menu on the right.</Body
     >
   </Layout>
-  <Tabs selected="Edit">
+  <Tabs selected="Edit" on:select={fixMountBug}>
     <Tab title="Edit">
       <div class="template-editor">
         <Editor