Set min-width property to SelectInput (#2654)

* chore: added min-width prop to selectInput * chore: updating changeset
commercetools · Nov 28, 2023 · e5f42ff · e5f42ff · vercel · Nov 28, 2023
1 parent b8ed8e4
commit e5f42ff
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/seven-owls-hide.md b/.changeset/seven-owls-hide.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/select-utils': patch
+---
+
+Updated `SelectInput` based components so the dropdown layer has a minimum width (`constraint 3`).
diff --git a/packages/components/inputs/select-utils/src/create-select-styles.ts b/packages/components/inputs/select-utils/src/create-select-styles.ts
@@ -192,6 +192,7 @@ const menuStyles = (props: TProps) => (base: TBase) => {
       return base.borderColorForInput;
     })(),
     width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
+    minWidth: designTokens.constraint3,
   };
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -192,6 +192,7 @@ const menuStyles = (props: TProps) => (base: TBase) => { @@
           return base.borderColorForInput;
         })(),
         width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
+        minWidth: designTokens.constraint3,
       };
     };
@@ Expand Down @@