From 3e98f7cf477182ee19a68d10dbcf81f353c0c362 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E7=88=B1=E5=90=83=E7=99=BD=E8=90=9D?=
 =?UTF-8?q?=E5=8D=9C?= <smith3816@gmail.com>
Date: Thu, 27 Jun 2024 16:54:57 +0800
Subject: [PATCH] fix: typography ellipsis button style (#49620)

---
 components/typography/Base/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/typography/Base/index.tsx b/components/typography/Base/index.tsx
index 54c7ccfd16f2..f8ac84b6ed4e 100644
--- a/components/typography/Base/index.tsx
+++ b/components/typography/Base/index.tsx
@@ -384,15 +384,14 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
     }
 
     return (
-      <button
-        type="button"
+      <TransButton
         key="expand"
         className={`${prefixCls}-${expanded ? 'collapse' : 'expand'}`}
-        onClick={(e) => onExpandClick(e, { expanded: !expanded })}
+        onClick={(e) => onExpandClick(e!, { expanded: !expanded })}
         aria-label={expanded ? textLocale.collapse : textLocale?.expand}
       >
         {typeof symbol === 'function' ? symbol(expanded) : symbol}
-      </button>
+      </TransButton>
     );
   };