From ff1274895f649808340e19315f005ae6ef310f31 Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Wed, 22 Jul 2026 14:56:20 +0800
Subject: [PATCH] fix: prevent collapse button from overlapping expanded
 content in next-search (#17157)

---
 .../pages/next-search/expandable-content.tsx  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/web/src/pages/next-search/expandable-content.tsx b/web/src/pages/next-search/expandable-content.tsx
index 310cd05875..5069606cad 100644
--- a/web/src/pages/next-search/expandable-content.tsx
+++ b/web/src/pages/next-search/expandable-content.tsx
@@ -84,25 +84,25 @@ export default function ExpandableContent({
         <div className="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-bg-base to-transparent pointer-events-none" />
       )}
 
-      {isOverflowing && (
+      {isOverflowing && !isExpanded && (
         <Button
           size="sm"
           onClick={toggleExpand}
           className="absolute bottom-2 left-1/2 -translate-x-1/2"
         >
-          {isExpanded ? (
-            <>
-              <ChevronUp size={14} />
-              <span>{t('common.viewLess')}</span>
-            </>
-          ) : (
-            <>
-              <ChevronDown size={14} />
-              <span>{t('common.viewMore')}</span>
-            </>
-          )}
+          <ChevronDown size={14} />
+          <span>{t('common.viewMore')}</span>
         </Button>
       )}
+
+      {isOverflowing && isExpanded && (
+        <div className="flex justify-center pt-2">
+          <Button size="sm" onClick={toggleExpand}>
+            <ChevronUp size={14} />
+            <span>{t('common.viewLess')}</span>
+          </Button>
+        </div>
+      )}
     </div>
   );
 }