From 794046cf05cd7de326b75abac31f2d60d1c5f57d Mon Sep 17 00:00:00 2001
From: Ahmad Yasser <hassa940@umn.edu>
Date: Sun, 8 Feb 2026 15:10:58 -0500
Subject: [PATCH] fix: prevent textarea resize overlapping buttons in rejection
 dialog (#27749)

* fix: prevent textarea resize overlapping buttons in rejection dialog

The rejection reason textarea in the booking rejection dialog allows
manual resizing via the drag handle, which can cause it to expand over
the dialog footer buttons. Adding resize-none prevents this overlap.

Fixes #17536

* Update RejectionReasonDialog.tsx

---------

Co-authored-by: Sahitya Chandra <sahityajb@gmail.com>
---
 apps/web/components/dialog/RejectionReasonDialog.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/dialog/RejectionReasonDialog.tsx b/apps/web/components/dialog/RejectionReasonDialog.tsx
index 9d773cca07..aae96bce77 100644
--- a/apps/web/components/dialog/RejectionReasonDialog.tsx
+++ b/apps/web/components/dialog/RejectionReasonDialog.tsx
@@ -35,8 +35,11 @@ export function RejectionReasonDialog({
 
   return (
     <Dialog open={isOpenDialog} onOpenChange={setIsOpenDialog}>
-      <DialogContent title={t("rejection_reason_title")} description={t("rejection_reason_description")}>
-        <div>
+      <DialogContent
+        title={t("rejection_reason_title")}
+        description={t("rejection_reason_description")}
+        enableOverflow>
+        <div className="min-h-0 max-h-[40vh] overflow-y-auto">
           <TextAreaField
             name="rejectionReason"
             label={
@@ -50,7 +53,7 @@ export function RejectionReasonDialog({
           />
         </div>
 
-        <DialogFooter>
+        <DialogFooter noSticky>
           <DialogClose color="secondary" />
           <Button disabled={isPending} data-testid="rejection-confirm" onClick={handleConfirm}>
             {t("rejection_confirmation")}