From 6da3a33e6cd4459714c1e1c87727b904c7110296 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 22 Dec 2023 16:54:18 +0800
Subject: [PATCH] fix: selection too long break ui (#1826)

---
 web/app/components/base/select/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/select/index.tsx b/web/app/components/base/select/index.tsx
index 44bdc7c15f74ec..471692b9bc6159 100644
--- a/web/app/components/base/select/index.tsx
+++ b/web/app/components/base/select/index.tsx
@@ -98,7 +98,7 @@ const Select: FC<ISelectProps> = ({
                   setOpen(!open)
               }
             } className={`flex items-center h-9 w-full rounded-lg border-0 ${bgClassName} py-1.5 pl-3 pr-10 shadow-sm sm:text-sm sm:leading-6 focus-visible:outline-none focus-visible:bg-gray-200 group-hover:bg-gray-200`}>
-              {selectedItem?.name}
+              <div className='w-0 grow text-left truncate' title={selectedItem?.name}>{selectedItem?.name}</div>
             </Combobox.Button>}
           <Combobox.Button className="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none group-hover:bg-gray-200" onClick={
             () => {
@@ -290,7 +290,7 @@ const PortalSelect: FC<PortalSelectProps> = ({
               }}
             >
               <span
-                className='grow truncate'
+                className='w-0 grow truncate'
                 title={item.name}
               >
                 {item.name}