From e78c1d892e2ccc517b61eae51909d28ffde70959 Mon Sep 17 00:00:00 2001
From: Lanskikh <lanskikh-mikhail@mail.ru>
Date: Wed, 22 Oct 2025 20:08:41 +0500
Subject: [PATCH] Update z-index values in ModalContainer, PopupContainer,
 SessionUsersPanel2, and PopoverWrapper for improved layering. Adjust
 ActionsSidebarWrapper in NewSessionPage for consistent z-index management.

---
 client/src/components/ModalContainer.tsx     | 2 +-
 client/src/components/PopupContainer.tsx     | 2 +-
 client/src/components/SessionUsersPanel2.tsx | 2 +-
 client/src/components/ui/PopoverWrapper.tsx  | 2 +-
 client/src/pages/NewSessionPage.tsx          | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/ModalContainer.tsx b/client/src/components/ModalContainer.tsx
index f0aed15..df1a33f 100644
--- a/client/src/components/ModalContainer.tsx
+++ b/client/src/components/ModalContainer.tsx
@@ -60,7 +60,7 @@ function ModalContainer() {
           <div
             ref={modalRef}
             className={clsx(
-              "bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-10",
+              "bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-[99999]",
               isMobile ? "items-end" : "items-center",
               !isMobile &&
                 (position === "center" ? "justify-center" : "justify-end")
diff --git a/client/src/components/PopupContainer.tsx b/client/src/components/PopupContainer.tsx
index 0a01e4c..f40404a 100644
--- a/client/src/components/PopupContainer.tsx
+++ b/client/src/components/PopupContainer.tsx
@@ -18,7 +18,7 @@ function PopupContainer() {
     <AnimatePresence>
       {popup && (
         <motion.div
-          className="fixed bottom-0"
+          className="fixed bottom-0 z-[9999]"
           initial={{ opacity: 0, y: isMobile ? "100%" : undefined }}
           animate={{ opacity: 1, y: isMobile ? "0%" : undefined }}
           exit={{ opacity: 0, y: isMobile ? "100%" : undefined }}
diff --git a/client/src/components/SessionUsersPanel2.tsx b/client/src/components/SessionUsersPanel2.tsx
index 672a759..8650ec8 100644
--- a/client/src/components/SessionUsersPanel2.tsx
+++ b/client/src/components/SessionUsersPanel2.tsx
@@ -37,7 +37,7 @@ function SessionUsersPanel2() {
       autoAlign={true}
       initialCorner={innerWidth >= 640 ? "bottom-right" : "top-right"}
       padding="1.111vw"
-      className="flex gap-4"
+      className="flex gap-4 z-[999]"
     >
       {users.map((user) => (
         <UserCamera
diff --git a/client/src/components/ui/PopoverWrapper.tsx b/client/src/components/ui/PopoverWrapper.tsx
index 70815ba..02503e6 100644
--- a/client/src/components/ui/PopoverWrapper.tsx
+++ b/client/src/components/ui/PopoverWrapper.tsx
@@ -78,7 +78,7 @@ function PopoverWrapper({
           }}
           style={getPositionStyles()}
           className={clsx(
-            "fixed z-10 shadow-[0_4px_40px_0_rgba(15,16,17,0.1)] overflow-hidden bg-white 2xl:rounded-[1.111vw] rounded-2xl",
+            "fixed z-[99999] shadow-[0_4px_40px_0_rgba(15,16,17,0.1)] overflow-hidden bg-white 2xl:rounded-[1.111vw] rounded-2xl",
             position === "side" && "-translate-x-full",
             position === "vertical" && "-translate-x-full",
             className
diff --git a/client/src/pages/NewSessionPage.tsx b/client/src/pages/NewSessionPage.tsx
index 168a1d4..d429292 100644
--- a/client/src/pages/NewSessionPage.tsx
+++ b/client/src/pages/NewSessionPage.tsx
@@ -160,7 +160,7 @@ function NewSessionPage() {
             />
           </div>
         )}
-      <ActionsSidebarWrapper>
+      <ActionsSidebarWrapper className="z-[99]">
         <FloatingActionButton
           className="max-2xl:hidden"
           onClick={handleChatOpen}