From b9482dc86d00628683f18e4df894b258b84527b4 Mon Sep 17 00:00:00 2001
From: poignatov <poignatov@avito.ru>
Date: Wed, 4 Feb 2026 15:13:11 +0300
Subject: [PATCH] =?UTF-8?q?4.14.1:=20=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=20z-index=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D1=8B=D1=85=20=D0=BE=D0=BA=D0=BE=D0=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 VERSION                                         | 2 +-
 play-life-web/package.json                      | 2 +-
 play-life-web/src/components/TaskDetail.css     | 4 ++--
 play-life-web/src/components/TaskDetail.jsx     | 9 +++++++--
 play-life-web/src/components/TaskList.css       | 6 +++---
 play-life-web/src/components/WishlistDetail.css | 4 ++--
 play-life-web/src/components/WishlistDetail.jsx | 7 ++++++-
 7 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/VERSION b/VERSION
index c412a4e..d2b9909 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-4.14.0
+4.14.1
diff --git a/play-life-web/package.json b/play-life-web/package.json
index 8c0e449..8e796e8 100644
--- a/play-life-web/package.json
+++ b/play-life-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "4.14.0",
+  "version": "4.14.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/play-life-web/src/components/TaskDetail.css b/play-life-web/src/components/TaskDetail.css
index 22a21bc..c8ca27e 100644
--- a/play-life-web/src/components/TaskDetail.css
+++ b/play-life-web/src/components/TaskDetail.css
@@ -1,6 +1,6 @@
 /* Модальное окно */
 .task-detail-modal-overlay {
-  position: fixed;
+  position: fixed !important;
   top: 0;
   left: 0;
   right: 0;
@@ -9,7 +9,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1700;
+  z-index: 9999 !important;
   padding: 1rem;
 }
 
diff --git a/play-life-web/src/components/TaskDetail.jsx b/play-life-web/src/components/TaskDetail.jsx
index c590fba..bb22ff6 100644
--- a/play-life-web/src/components/TaskDetail.jsx
+++ b/play-life-web/src/components/TaskDetail.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react'
+import { createPortal } from 'react-dom'
 import { useAuth } from './auth/AuthContext'
 import LoadingError from './LoadingError'
 import Toast from './Toast'
@@ -727,7 +728,7 @@ function TaskDetail({ taskId, onClose, onRefresh, onTaskCompleted, onNavigate })
 
 
 
-  return (
+  const modalContent = (
     <div className="task-detail-modal-overlay" onClick={onClose}>
       <div className="task-detail-modal" onClick={(e) => e.stopPropagation()}>
         <div className="task-detail-modal-header">
@@ -919,7 +920,11 @@ function TaskDetail({ taskId, onClose, onRefresh, onTaskCompleted, onNavigate })
       )}
     </div>
   </div>
-)
+  )
+
+  return typeof document !== 'undefined'
+    ? createPortal(modalContent, document.body)
+    : modalContent
 }
 
 export default TaskDetail
diff --git a/play-life-web/src/components/TaskList.css b/play-life-web/src/components/TaskList.css
index ce19dac..c2b88d0 100644
--- a/play-life-web/src/components/TaskList.css
+++ b/play-life-web/src/components/TaskList.css
@@ -286,7 +286,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 50;
+  z-index: 1000;
 }
 
 .task-postpone-modal {
@@ -451,7 +451,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 50;
+  z-index: 1000;
 }
 
 .task-modal {
@@ -644,7 +644,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 50;
+  z-index: 1000;
 }
 
 .task-add-modal {
diff --git a/play-life-web/src/components/WishlistDetail.css b/play-life-web/src/components/WishlistDetail.css
index 6b75fc7..611ebf7 100644
--- a/play-life-web/src/components/WishlistDetail.css
+++ b/play-life-web/src/components/WishlistDetail.css
@@ -1,6 +1,6 @@
 /* Модальное окно */
 .wishlist-detail-modal-overlay {
-  position: fixed;
+  position: fixed !important;
   top: 0;
   left: 0;
   right: 0;
@@ -9,7 +9,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1700;
+  z-index: 9999 !important;
   padding: 1rem;
 }
 
diff --git a/play-life-web/src/components/WishlistDetail.jsx b/play-life-web/src/components/WishlistDetail.jsx
index e0ff084..ec69317 100644
--- a/play-life-web/src/components/WishlistDetail.jsx
+++ b/play-life-web/src/components/WishlistDetail.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react'
+import { createPortal } from 'react-dom'
 import { useAuth } from './auth/AuthContext'
 import TaskDetail from './TaskDetail'
 import LoadingError from './LoadingError'
@@ -405,7 +406,7 @@ function WishlistDetail({ wishlistId, onNavigate, onRefresh, boardId, onClose, p
   }
 
 
-  return (
+  const modalContent = (
     <div className="wishlist-detail-modal-overlay" onClick={handleClose}>
       <div className="wishlist-detail-modal" onClick={(e) => e.stopPropagation()}>
         <div className="wishlist-detail-modal-header">
@@ -648,6 +649,10 @@ function WishlistDetail({ wishlistId, onNavigate, onRefresh, boardId, onClose, p
       </div>
     </div>
   )
+
+  return typeof document !== 'undefined'
+    ? createPortal(modalContent, document.body)
+    : modalContent
 }
 
 export default WishlistDetail