From 22e18791aa3d9d74f508c32f18cb428722e519ed Mon Sep 17 00:00:00 2001
From: Salik <contact@salikkhan.com>
Date: Mon, 27 Jan 2025 16:01:03 +0530
Subject: [PATCH] fix: ensure `onMount` triggers in iOS Safari by reordering
 layout structure

- Moved the main layout `<div>` containing `<MenuBar />` and `<EditorTabs />` outside the `isLoading` conditional block in `App.svelte`
- Prevents issues with child components' `onMount` lifecycle hooks not firing on iOS Safari
- Fixes issue #268: `onMount` not triggering for child components on iOS Safari
---
 src/App.svelte | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index c66d24c..b9fb19f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -23,15 +23,14 @@
 
 <DynamicFavicon />
 
+<div class="flex h-full flex-col">
+  <MenuBar />
+  <EditorTabs />
+</div>
+
 {#if isLoading}
   <Loading />
 {:else}
-  <!-- What user see on initially -->
-  <div class="flex h-full flex-col">
-    <MenuBar />
-    <EditorTabs />
-  </div>
-
   <!-- Components that aren't appear on initial roll -->
   <EditorCloseConfirmationDialog />
   <FontDialog />