From bd4e253d1b3ec1ffaa9d14f06e7dc4b06eb68e3e Mon Sep 17 00:00:00 2001
From: Varun Chawla <34209028+veeceey@users.noreply.github.com>
Date: Sun, 8 Feb 2026 07:16:51 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20enable=20vertical=20scrol?=
 =?UTF-8?q?ling=20for=20topic=20list=20on=20mobile=20(#12157)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace `overflow: 'hidden'` with `overflowX: 'hidden', overflowY: 'auto'`
on the topic list container so users can scroll through topics that exceed
the viewport height on mobile devices.

Closes lobehub/lobe-chat#12029
---
 src/app/[variants]/(mobile)/chat/features/Topic/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[variants]/(mobile)/chat/features/Topic/index.tsx b/src/app/[variants]/(mobile)/chat/features/Topic/index.tsx
index 62f26ac8ed..c665f9c1ad 100644
--- a/src/app/[variants]/(mobile)/chat/features/Topic/index.tsx
+++ b/src/app/[variants]/(mobile)/chat/features/Topic/index.tsx
@@ -12,7 +12,7 @@ const Topic = () => {
         <TopicSearchBar />
         <Flexbox
           height={'100%'}
-          style={{ marginInline: -8, overflow: 'hidden', position: 'relative' }}
+          style={{ marginInline: -8, overflowX: 'hidden', overflowY: 'auto', position: 'relative' }}
           width={'calc(100% + 16px)'}
         >
           <TopicListContent />