From 0861d667b1a89fd0f4debd3aa48f047c13d40bbb Mon Sep 17 00:00:00 2001
From: Primakov Alexandr Alexandrovich <primakov.pro@yandex.ru>
Date: Mon, 24 Mar 2025 16:18:20 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=20Portal=20=D0=B4=D0=BB=D1=8F=20=D0=BC=D0=B5=D0=BD=D1=8E=20?=
 =?UTF-8?q?=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=B8=20=D1=83=D0=B4=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=83=D1=80=D0=BE=D0=BA=D0=BE=D0=B2?=
 =?UTF-8?q?=20=D0=B2=20LessonList,=20=D1=87=D1=82=D0=BE=20=D1=83=D0=BB?=
 =?UTF-8?q?=D1=83=D1=87=D1=88=D0=B0=D0=B5=D1=82=20=D0=BE=D1=82=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B8=20=D0=B2?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=B8=D0=BC=D0=BE=D0=B4=D0=B5=D0=B9=D1=81=D1=82?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B5=20=D1=81=20=D0=BC=D0=B5=D0=BD=D1=8E.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/lesson-list/lesson-list.tsx | 31 +++++++++++++++------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/pages/lesson-list/lesson-list.tsx b/src/pages/lesson-list/lesson-list.tsx
index 7bf9b47..b8675df 100644
--- a/src/pages/lesson-list/lesson-list.tsx
+++ b/src/pages/lesson-list/lesson-list.tsx
@@ -29,6 +29,7 @@ import {
   MenuList,
   MenuItem,
   useColorMode,
+  Portal,
 } from '@chakra-ui/react'
 import { AddIcon, EditIcon } from '@chakra-ui/icons'
 import { useTranslation } from 'react-i18next'
@@ -527,20 +528,22 @@ const LessonList = () => {
                                 >
                                   {t('journal.pl.edit')}
                                 </MenuButton>
-                                <MenuList>
-                                  <MenuItem
-                                    onClick={() => handleEditLesson(lesson)}
-                                    icon={<EditIcon />}
-                                  >
-                                    {t('journal.pl.edit')}
-                                  </MenuItem>
-                                  <MenuItem 
-                                    onClick={() => setlessonToDelete(lesson)}
-                                    color="red.500"
-                                  >
-                                    {t('journal.pl.delete')}
-                                  </MenuItem>
-                                </MenuList>
+                                <Portal>
+                                  <MenuList zIndex={1000}>
+                                    <MenuItem
+                                      onClick={() => handleEditLesson(lesson)}
+                                      icon={<EditIcon />}
+                                    >
+                                      {t('journal.pl.edit')}
+                                    </MenuItem>
+                                    <MenuItem 
+                                      onClick={() => setlessonToDelete(lesson)}
+                                      color="red.500"
+                                    >
+                                      {t('journal.pl.delete')}
+                                    </MenuItem>
+                                  </MenuList>
+                                </Portal>
                               </Menu>
                             )}
                           </Flex>