fix(ComboBox): make flexible container

taskany-inc · Aug 1, 2023 · dea32ba · dea32ba
1 parent 7b0a67b
commit dea32ba
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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}