From ba33c9e463cdaa12b4804388c4d78614ceccb504 Mon Sep 17 00:00:00 2001
From: "v.lagerev" <lagerev.vl@gmail.com>
Date: Thu, 14 May 2026 01:05:21 +0300
Subject: [PATCH] fix(page-nav): hold min-height:0 on scrolling middle and
 shrink-no on Direct bottom rows so flex pressure no longer squashes them
 below their NavItem floor

---
 src/app/components/page/Page.tsx                 | 7 ++++++-
 src/app/pages/client/direct/DirectNewChatRow.tsx | 1 +
 src/app/pages/client/direct/DirectSelfRow.tsx    | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/components/page/Page.tsx b/src/app/components/page/Page.tsx
index ca923d5e..d4007983 100644
--- a/src/app/components/page/Page.tsx
+++ b/src/app/components/page/Page.tsx
@@ -384,7 +384,12 @@ export function PageNavContent({
   scrollRef?: MutableRefObject<HTMLDivElement | null>;
 }) {
   return (
-    <Box grow="Yes" direction="Column">
+    // `minHeight: 0` is the canonical flexbox fix for a scroll child inside
+    // a flex column: without it the Scroll's intrinsic content height pushes
+    // the wrapper to that height, the column overflows the viewport, and
+    // every sibling with default `flex-shrink: 1` (header / footer rows)
+    // gets squashed below its natural height.
+    <Box grow="Yes" direction="Column" style={{ minHeight: 0 }}>
       <Scroll
         ref={scrollRef}
         variant="Background"
diff --git a/src/app/pages/client/direct/DirectNewChatRow.tsx b/src/app/pages/client/direct/DirectNewChatRow.tsx
index 6bcb76c1..b835d804 100644
--- a/src/app/pages/client/direct/DirectNewChatRow.tsx
+++ b/src/app/pages/client/direct/DirectNewChatRow.tsx
@@ -15,6 +15,7 @@ export function DirectNewChatRow() {
 
   return (
     <Box
+      shrink="No"
       style={{
         padding: `${toRem(6)} ${config.space.S100}`,
         borderTop: `${config.borderWidth.B300} solid ${color.Surface.ContainerLine}`,
diff --git a/src/app/pages/client/direct/DirectSelfRow.tsx b/src/app/pages/client/direct/DirectSelfRow.tsx
index 5c8f348c..89e32b80 100644
--- a/src/app/pages/client/direct/DirectSelfRow.tsx
+++ b/src/app/pages/client/direct/DirectSelfRow.tsx
@@ -57,6 +57,7 @@ export function DirectSelfRow() {
   // free to fire when there's no movement (tap → openSheet).
   return (
     <Box
+      shrink="No"
       {...{ [SETTINGS_SHEET_DRAG_ORIGIN_ATTR]: true }}
       style={{
         padding: `${toRem(6)} ${config.space.S100}`,