From 55ed9030e84984391c0909daa4e55771c16a19ca Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 08:17:40 +0100
Subject: [PATCH] fix: stop a long recipient list or subject crowding out the
 message in the composer and reader

---
 components/email/email-composer.tsx | 3 ++-
 components/email/email-viewer.tsx   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/email/email-composer.tsx b/components/email/email-composer.tsx
index b2e4b5aff..290af2f0f 100644
--- a/components/email/email-composer.tsx
+++ b/components/email/email-composer.tsx
@@ -6089,7 +6089,8 @@ export function RecipientChipInput({
     <div className="flex-1 min-w-0">
       <div
         className={cn(
-          "flex flex-wrap items-center gap-1 min-h-[32px] cursor-text",
+          // A long list scrolls by itself, or a reply-all to 80 people leaves no room for the text.
+          "flex flex-wrap items-center gap-1 min-h-[32px] max-h-[min(30dvh,10rem)] overflow-y-auto p-0.5 -m-0.5 cursor-text",
           validationError && "ring-2 ring-red-500 dark:ring-red-400 rounded",
           isDragOver && "ring-2 ring-primary/50 rounded bg-accent/20"
         )}
diff --git a/components/email/email-viewer.tsx b/components/email/email-viewer.tsx
index 8be57c6b7..4a572a159 100644
--- a/components/email/email-viewer.tsx
+++ b/components/email/email-viewer.tsx
@@ -4765,7 +4765,8 @@ ${printWatermark ? printWatermark.html : ''}
                 {/* h2 under the app's h1 ("Inbox – Mail"); the reader's
                     blocks below are h3 and h4, so no level is skipped. */}
                 <h2 dir="auto" className={cn(
-                  "text-foreground break-words min-w-0",
+                  // The header stays while the message scrolls: a very long subject scrolls by itself.
+                  "text-foreground break-words min-w-0 max-h-[35dvh] overflow-y-auto",
                   mvViewer ? "text-[1.375rem] leading-7 font-normal" : "text-lg lg:text-xl font-bold tracking-tight"
                 )}>
                   {email.subject || t('no_subject')}