From 3d4f9251df5216d5948561f67f2c186cb8950779 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Thu, 19 Aug 2021 18:03:50 +0100
Subject: [PATCH] fix(ui): ensure that all dropdowns are not hidden under
 swimlanes

---
 ui/src/Common/Popper.ts                                     | 6 ++++++
 .../Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx           | 2 +-
 .../Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx     | 2 +-
 ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx        | 2 +-
 ui/src/Components/NavBar/FilterInput/History.tsx            | 2 +-
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/src/Common/Popper.ts b/ui/src/Common/Popper.ts
index 599142a00..781fbd73f 100644
--- a/ui/src/Common/Popper.ts
+++ b/ui/src/Common/Popper.ts
@@ -20,4 +20,10 @@ export const CommonPopperModifiers = [
       roundOffsets: true,
     },
   },
+  {
+    name: "flip",
+    options: {
+      fallbackPlacements: [],
+    },
+  },
 ];
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx
index 6c174c23f..de96b43f2 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx
@@ -192,7 +192,7 @@ const AlertMenu: FC<{
             )}
           </Reference>
           <DropdownSlide in={!isHidden} unmountOnExit>
-            <Popper placement="bottom-start" modifiers={PopperModifiers}>
+            <Popper placement="bottom" modifiers={PopperModifiers}>
               {({ placement, ref, style }) => (
                 <MenuContent
                   popperPlacement={placement}
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx
index c9ac31e3f..3b44db623 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx
@@ -188,7 +188,7 @@ const GroupMenu: FC<{
           )}
         </Reference>
         <DropdownSlide in={!isHidden} unmountOnExit>
-          <Popper placement="bottom-start" modifiers={PopperModifiers}>
+          <Popper placement="bottom" modifiers={PopperModifiers}>
             {({ placement, ref, style }) => (
               <MenuContent
                 popperPlacement={placement}
diff --git a/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx b/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
index 07862cc57..52e6a7fe3 100644
--- a/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
+++ b/ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx
@@ -169,7 +169,7 @@ const GridLabelSelect: FC<{
           )}
         </Reference>
         <DropdownSlide in={isVisible} unmountOnExit>
-          <Popper modifiers={CommonPopperModifiers}>
+          <Popper placement="bottom" modifiers={CommonPopperModifiers}>
             {({ placement, ref, style }) => (
               <Dropdown
                 popperPlacement={placement}
diff --git a/ui/src/Components/NavBar/FilterInput/History.tsx b/ui/src/Components/NavBar/FilterInput/History.tsx
index 843b35b23..e893f43bf 100644
--- a/ui/src/Components/NavBar/FilterInput/History.tsx
+++ b/ui/src/Components/NavBar/FilterInput/History.tsx
@@ -255,7 +255,7 @@ const History: FC<{
           )}
         </Reference>
         <DropdownSlide in={isVisible} unmountOnExit>
-          <Popper modifiers={CommonPopperModifiers}>
+          <Popper placement="bottom" modifiers={CommonPopperModifiers}>
             {({ placement, ref, style }) => (
               <HistoryMenu
                 popperPlacement={placement}