fix(core): avoid flex wrap in single selects

haiilo · Jan 22, 2024 · e09fba1 · e09fba1
1 parent cb9a624
commit e09fba1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/core/src/components/cat-select/cat-select.scss b/core/src/components/cat-select/cat-select.scss
@@ -93,7 +93,6 @@ label {
 .select-wrapper-inner {
   display: flex;
   flex: 1 1 auto;
-  flex-wrap: wrap;
   align-items: center;
   gap: 0.25rem;
   min-width: 0;
@@ -111,6 +110,10 @@ label {
     --cat-avatar-size: 1.25rem;
     --cat-avatar-font-size: 0.5rem;
   }
+
+  .select-multiple & {
+    flex-wrap: wrap;
+  }
 }
 
 .select-input {

diff --git a/core/src/components/cat-select/cat-select.tsx b/core/src/components/cat-select/cat-select.tsx
@@ -579,7 +579,8 @@ export class CatSelect {
         <div
           class={{
             'select-field': true,
-            'select-horizontal': this.horizontal
+            'select-horizontal': this.horizontal,
+            'select-multiple': this.multiple
           }}
         >
           <div class={{ 'label-container': true, hidden: this.labelHidden }}>