fix: combo and multi empty class (#964)

Co-authored-by: Lee Chase <lee.chase@uk.ibm.com>
carbon-design-system · Jul 25, 2020 · beb2fdb · beb2fdb
1 parent 229759e
commit beb2fdb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/core/src/components/cv-combo-box/cv-combo-box.vue b/packages/core/src/components/cv-combo-box/cv-combo-box.vue
@@ -44,7 +44,10 @@
       >
         <input
           ref="input"
-          :class="[`${carbonPrefix}--text-input`, { [`${carbonPrefix}--text-input--empty`]: dataInput.length === 0 }]"
+          :class="[
+            `${carbonPrefix}--text-input`,
+            { [`${carbonPrefix}--text-input--empty`]: dataInput && dataInput.length === 0 },
+          ]"
           :aria-controls="uid"
           aria-autocomplete="list"
           role="combobox"

diff --git a/packages/core/src/components/cv-multi-select/cv-multi-select.vue b/packages/core/src/components/cv-multi-select/cv-multi-select.vue
@@ -79,7 +79,10 @@
         <template v-else>
           <input
             ref="input"
-            :class="[`${carbonPrefix}--text-input`, { [`${carbonPrefix}--text-input--empty`]: dataInput.length === 0 }]"
+            :class="[
+              `${carbonPrefix}--text-input`,
+              { [`${carbonPrefix}--text-input--empty`]: dataInput && dataInput.length === 0 },
+            ]"
             :aria-controls="uid"
             aria-autocomplete="list"
             role="combobox"