Skip to content

Commit

Permalink
fix: z-index for dropdown component (#2226)
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
BenElferink authored Jan 14, 2025
1 parent d083730 commit 6d41379
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions frontend/webapp/reuseable-components/dropdown/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit 6d41379

Please sign in to comment.