From 6d41379814e27ed7fdf97a8f7613f83c8afa0b5c Mon Sep 17 00:00:00 2001
From: Ben Elferink <ben.elferink@icloud.com>
Date: Tue, 14 Jan 2025 15:06:13 +0200
Subject: [PATCH] fix: z-index for dropdown component (#2226)

This pull request includes a small change to the
`frontend/webapp/reuseable-components/dropdown/index.tsx` file. The
change adds a `z-index` property to the `AbsoluteContainer` styled
component to ensure proper stacking order.

*
[`frontend/webapp/reuseable-components/dropdown/index.tsx`](diffhunk://#diff-707b6e11fbf977d74c45816fab07924a0eaa2d139b296cc58b74c98fd76f463dR194):
Added `z-index: 1` to the `AbsoluteContainer` styled component to manage
stacking context.
---
 frontend/webapp/reuseable-components/dropdown/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/webapp/reuseable-components/dropdown/index.tsx b/frontend/webapp/reuseable-components/dropdown/index.tsx
index 5d2f9fb66b..6f964e0686 100644
--- a/frontend/webapp/reuseable-components/dropdown/index.tsx
+++ b/frontend/webapp/reuseable-components/dropdown/index.tsx
@@ -191,6 +191,7 @@ const AbsoluteContainer = styled.div<{ $openUpwards: boolean }>`
   position: absolute;
   ${({ $openUpwards }) => ($openUpwards ? 'bottom' : 'top')}: calc(100% + 8px);
   left: 0;
+  z-index: 1;
   display: flex;
   flex-direction: column;
   overflow-y: auto;