From cf2bf9bb8d1eef3120d31c403af12748ee4f45c6 Mon Sep 17 00:00:00 2001
From: Amit Sharma <74371312+Amit91848@users.noreply.github.com>
Date: Fri, 30 Jan 2026 18:57:52 +0530
Subject: [PATCH] fix: ooo reason select dropdown opening in wrong direction
 (#27426)

Add menuPlacement="bottom" to the reason Select in the OOO modal
to ensure dropdown opens downwards consistently with other selects.

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/modules/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx b/apps/web/modules/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
index a5a847ab0d..1deca83899 100644
--- a/apps/web/modules/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
+++ b/apps/web/modules/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
@@ -312,6 +312,7 @@ export const CreateOrEditOutOfOfficeEntryModal = ({
                       className="mb-0 mt-1 text-white"
                       name="reason"
                       data-testid="reason_select"
+                      menuPlacement="bottom"
                       value={reasonList.find((reason) => reason.value === value)}
                       placeholder={t("ooo_select_reason")}
                       options={reasonList}