From 848f84efa8f4e6f0c2fa0307f15296a0fa447550 Mon Sep 17 00:00:00 2001
From: Dmitri <dtroshchenkov@gmail.com>
Date: Tue, 7 Apr 2026 17:25:14 +0400
Subject: [PATCH] fixed carousel issue

---
 frontend/src/components/Constructor/PageSelector.tsx | 2 +-
 frontend/src/components/RuntimePresentation.tsx      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Constructor/PageSelector.tsx b/frontend/src/components/Constructor/PageSelector.tsx
index b53141e..bfd98bf 100644
--- a/frontend/src/components/Constructor/PageSelector.tsx
+++ b/frontend/src/components/Constructor/PageSelector.tsx
@@ -23,7 +23,7 @@ const PageSelector: React.FC<PageSelectorProps> = ({
   return (
     <select
       className='rounded border border-gray-300 bg-white px-3 py-2 text-sm'
-      value={activePageId}
+      value={activePageId ?? ''}
       onChange={(event) => onPageChange(event.target.value)}
       disabled={disabled}
     >
diff --git a/frontend/src/components/RuntimePresentation.tsx b/frontend/src/components/RuntimePresentation.tsx
index 392eaef..bd713e5 100644
--- a/frontend/src/components/RuntimePresentation.tsx
+++ b/frontend/src/components/RuntimePresentation.tsx
@@ -580,8 +580,8 @@ export default function RuntimePresentation({
             />
           )}
 
-          {/* Page elements - z-10 ensures they appear above backdrop layer */}
-          <div className='absolute inset-0 z-10'>
+          {/* Page elements - z-20 ensures they appear above carousel background (z-10) but below carousel controls (z-30) */}
+          <div className='absolute inset-0 z-20'>
             {pageElements.map((element: CanvasElement) => (
               <RuntimeElement
                 key={element.id}