fix(create-select-styles): preserve default behavior for multi select (…

…#2833) * fix(create-select-styles): preserve default behavior for multi * chore(select-utils): add changeset
commercetools · Jun 3, 2024 · 625ebba · 625ebba
1 parent 42fd117
commit 625ebba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/forty-tips-deny.md b/.changeset/forty-tips-deny.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/select-utils': patch
+---
+
+Allow select inputs with multiple items to wrap.
diff --git a/packages/components/inputs/select-utils/src/create-select-styles.ts b/packages/components/inputs/select-utils/src/create-select-styles.ts
@@ -372,7 +372,7 @@ const placeholderStyles = (props: TProps) => (base: TBase) => {
 const valueContainerStyles = (props: TProps) => (base: TBase) => {
   return {
     ...base,
-    flexWrap: 'nowrap',
+    ...(!props.isMulti && { flexWrap: 'nowrap' }),
     padding: '0',
     backgroundColor: 'none',
     overflow: 'hidden',