Fix animated multi-select width bug

Rall3n · Oct 19, 2022 · 77a0ea6 · 77a0ea6
1 parent 50393a5
commit 77a0ea6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/plenty-clocks-trade.md b/.changeset/plenty-clocks-trade.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Fix bug with animated multi-value select width being too wide
diff --git a/packages/react-select/src/animated/ValueContainer.tsx b/packages/react-select/src/animated/ValueContainer.tsx
@@ -87,7 +87,7 @@ const useIsMultiValueContainer = ({
     ...innerProps,
     style: {
       ...innerProps?.style,
-      display: cssDisplayFlex ? 'flex' : 'grid',
+      display: (isMulti && hasValue) || cssDisplayFlex ? 'flex' : 'grid',
     },
   };