From dea32ba838efb37cd1b0c30feb1b42e738c10859 Mon Sep 17 00:00:00 2001
From: Maksim Sviridov <enemyworld@gmail.com>
Date: Tue, 1 Aug 2023 12:15:31 +0300
Subject: [PATCH] fix(ComboBox): make flexible container

---
 src/components/ComboBox.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ComboBox.tsx b/src/components/ComboBox.tsx
index b9744e0c..6f65d4df 100644
--- a/src/components/ComboBox.tsx
+++ b/src/components/ComboBox.tsx
@@ -59,6 +59,11 @@ interface ComboBoxProps {
 
 const StyledComboBox = styled.span`
     position: relative;
+    display: flex;
+`;
+
+const StyledComboBoxInputWrpper = styled.span`
+    flex: 1 0 0;
 `;
 
 const StyledErrorTrigger = styled.div`
@@ -181,7 +186,7 @@ export const ComboBox = forwardRef<HTMLDivElement, ComboBoxProps>(
                     </>
                 ))}
 
-                <span ref={popupRef} {...onESC}>
+                <StyledComboBoxInputWrpper ref={popupRef} {...onESC}>
                     {renderTrigger ? (
                         <>
                             {editMode
@@ -191,7 +196,7 @@ export const ComboBox = forwardRef<HTMLDivElement, ComboBoxProps>(
                     ) : (
                         renderInput({ value, disabled, ref: inputRef, ...onENTER })
                     )}
-                </span>
+                </StyledComboBoxInputWrpper>
 
                 <Popup
                     placement={placement}