From 76930a3c7ebb9e9bf603b8d3db80522283f65f36 Mon Sep 17 00:00:00 2001
From: Horia Coman <horia141@gmail.com>
Date: Sun, 16 Jun 2024 14:23:21 +0000
Subject: [PATCH] Merged branch bugfix/issues-with-popper-on-desktop into
 develop

---
 src/webui/app/components/infra/section-actions.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/webui/app/components/infra/section-actions.tsx b/src/webui/app/components/infra/section-actions.tsx
index 6acf6927..5d5c7d8f 100644
--- a/src/webui/app/components/infra/section-actions.tsx
+++ b/src/webui/app/components/infra/section-actions.tsx
@@ -291,6 +291,7 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
   const anchorRef = React.useRef<HTMLDivElement>(null);
   const [selectedIndex, setSelectedIndex] = React.useState(1);
   const theme = useTheme();
+  const isBigScreen = useBigScreen();
 
   const realActions: NavSingleDesc[] = [];
   for (const action of props.action.navs) {
@@ -347,14 +348,13 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
       </ButtonGroup>
       <Popper
         sx={{
-          zIndex: theme.zIndex.appBar + 1,
+          zIndex: theme.zIndex.appBar + 20,
           backgroundColor: theme.palette.background.paper
         }}
         open={open}
         anchorEl={anchorRef.current}
-        role={undefined}
+        disablePortal={!isBigScreen}
         transition
-        disablePortal
       >
         {({ TransitionProps, placement }) => (
           <Grow