From 73e109c7c69b23bfbb55d8d91f359ef1e2bf5626 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Wed, 25 Dec 2024 12:45:35 +0800
Subject: [PATCH] refactor: replace zIndex with display for page stacking

---
 src/PageManager.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/PageManager.tsx b/src/PageManager.tsx
index 1ddc534b..b42d3441 100644
--- a/src/PageManager.tsx
+++ b/src/PageManager.tsx
@@ -114,7 +114,9 @@ export function PageManager({
                 <div
                   key={item.index}
                   className="absolute top-0 left-0 w-full h-full bg-background"
-                  style={{ zIndex: index + 1 }}
+                  style={{
+                    display: index === secondaryStack.length - 1 ? 'block' : 'none'
+                  }}
                 >
                   {item.component}
                 </div>
@@ -122,7 +124,7 @@ export function PageManager({
             <div
               key={primaryPageKey}
               className="absolute top-0 left-0 w-full h-full bg-background"
-              style={{ zIndex: 0 }}
+              style={{ display: !secondaryStack.length ? 'block' : 'none' }}
             >
               {children}
             </div>
@@ -150,7 +152,10 @@ export function PageManager({
                   <div
                     key={item.index}
                     className="absolute top-0 left-0 w-full h-full bg-background"
-                    style={{ zIndex: index + 1 }}
+                    style={{
+                      zIndex: index + 1,
+                      display: index === secondaryStack.length - 1 ? 'block' : 'none'
+                    }}
                   >
                     {item.component}
                   </div>