From 68232552b48a3ef75eb0104dee54e7a640724002 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Wed, 3 Dec 2025 22:47:23 -0500
Subject: [PATCH] refactor: improve slide display logic and add x-cloak for
 smoother transitions in onboarding modal

---
 extensions/Others/Onboarding/resources/views/modal.blade.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/extensions/Others/Onboarding/resources/views/modal.blade.php b/extensions/Others/Onboarding/resources/views/modal.blade.php
index 40094be3b..44086a05c 100644
--- a/extensions/Others/Onboarding/resources/views/modal.blade.php
+++ b/extensions/Others/Onboarding/resources/views/modal.blade.php
@@ -42,13 +42,14 @@
         @foreach($slides as $index => $slide)
             <div wire:key="slide-{{ $slide['id'] }}" 
                  x-show="currentSlide === {{ $index }}"
+                 x-cloak
                  x-transition:enter="transition ease-out duration-150"
                  x-transition:enter-start="opacity-0"
                  x-transition:enter-end="opacity-100"
                  x-transition:leave="transition ease-in duration-150"
                  x-transition:leave-start="opacity-100"
                  x-transition:leave-end="opacity-0"
-                 style="display: flex; flex-direction: column;">
+                 style="flex-direction: column;{{ $index === $currentSlide ? ' display: flex;' : ' display: none;' }}">
                 
                 {{-- Slide Image --}}
                 @if($slide['image'])