From d834bf7dd88468957360565e01ea46c2d0e0fd72 Mon Sep 17 00:00:00 2001
From: vyctorbrzezowski <krzyszchweski@gmail.com>
Date: Mon, 24 Aug 2026 00:56:53 +0000
Subject: [PATCH] fix(ui): keep mobile composer content laid out

---
 ui/src/styles/chat/layout.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/styles/chat/layout.css b/ui/src/styles/chat/layout.css
index c01ed43192a4..c569a4670832 100644
--- a/ui/src/styles/chat/layout.css
+++ b/ui/src/styles/chat/layout.css
@@ -1967,6 +1967,14 @@ button.chat-reply-preview--message:disabled {
   flex-shrink: 0;
   color: var(--muted);
 }
+/* Keep size containment outside the flex surface: retained mobile panes can be
+   measured at zero width, and containment there collapses the editor subtree. */
+.agent-chat__composer-shell,
+.chat-session-rail__composer {
+  container-name: chat-composer;
+  container-type: inline-size;
+}
+
 .agent-chat__composer-shell {
   --chat-composer-shell-gap: 6px;
 
@@ -3106,8 +3114,6 @@ button.chat-pr__diff {
      writing surface in the foreground so their backgrounds cannot paint over
      the footer controls while their exposed content remains below it. */
   z-index: 1;
-  container-name: chat-composer;
-  container-type: inline-size;
   display: flex;
   flex-direction: column;
   min-width: 0;