fix(combo box): set filter correctly for inital value

carbon-design-system · Mar 22, 2022 · f43a0b9 · f43a0b9
1 parent 250841c
commit f43a0b9
Show file tree

Hide file tree

Showing 2 changed files with 3 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
@@ -182,7 +182,7 @@ export default {
     this.updateOptions();
   },
   mounted() {
-    this.filter = this.value;
+    this.internalUpdateValue(this.value);
     this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
     this.checkSlots();
   },

diff --git a/storybook/stories/cv-combo-box-story.js b/storybook/stories/cv-combo-box-story.js
@@ -179,6 +179,7 @@ for (const story of storySet) {
     story.name,
     () => {
       const settings = story.knobs();
+      const defaultValue = story.name === 'vModel' ? 'val-mango' : '';
 
       const templateString = `<cv-combo-box ${settings.group.attr}
   :options="options">${settings.group.slots}
@@ -224,7 +225,7 @@ for (const story of storySet) {
         props: settings.props,
         data() {
           return {
-            value: '',
+            value: defaultValue,
             options: fruits,
             highlight: '',
           };