From 79f9ce6376fb3446e15063230697b73a42af4c20 Mon Sep 17 00:00:00 2001
From: SerhiiTsybulskyi <c4r0n0s@gmail.com>
Date: Fri, 31 May 2024 16:00:39 +0300
Subject: [PATCH] add ellipses to select

---
 src/form/Select/SelectInput/SelectInputTheme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/form/Select/SelectInput/SelectInputTheme.ts b/src/form/Select/SelectInput/SelectInputTheme.ts
index dc477f7f..fdef1511 100644
--- a/src/form/Select/SelectInput/SelectInputTheme.ts
+++ b/src/form/Select/SelectInput/SelectInputTheme.ts
@@ -45,7 +45,7 @@ const baseTheme: SelectInputTheme = {
   base: 'flex flex-nowrap items-center box-border border rounded',
   container: 'relative',
   inputContainer:
-    'flex-wrap flex items-center overflow-hidden flex-1 max-w-full [&>div]:max-w-full',
+    'flex-wrap flex items-center overflow-hidden flex-1 max-w-full [&>div]:max-w-full [&_.invisible]:text-ellipsis [&_.invisible]:overflow-hidden',
   input:
     'p-0 bg-transparent text-ellipsis align-middle max-w-full read-only:cursor-not-allowed focus:outline-none disabled:text-disabled',
   placeholder: '',