Merge pull request #295 from storyblok/hotfix/str-1272

fix(str-1272): fix SbSelect to deal properly with created options when multiple

src/components/Select/Select.vue

@@ -364,11 +364,24 @@ export default {
      * @param {Array<String>|String} value
      */
     handleEmitValue(value) {
-      // doesn't close the list
       if (this.multiple) {
+        const valueExists = this.options.find(
+          (option) =>
+            option === value ||
+            option[this.itemValue] === value ||
+            option[this.itemLabel] === value
+        )
+
+        if (valueExists) {
+          const parsedValue = this.emitOption ? valueExists : value
+          const inputValue = this.processMultipleValue(parsedValue)
+          this.$emit('input', inputValue)
+        } else if (this.allowCreate) {
+          this.handleOptionCreated(value)
+        }
+
         this.searchInput = ''
-        const $value = this.processMultipleValue(value)
-        this.$emit('input', $value)
+
         return
       }
 
@@ -385,6 +398,9 @@ export default {
     handleOptionCreated(value) {
       this.searchInput = ''
       this.$emit('option-created', value)
+
+      if (this.multiple) return
+
       this.$_focusInner()
       this.hideList()
     },

src/components/Select/select.scss

@@ -320,6 +320,7 @@
 
   &__empty {
     display: block;
+    padding-top: 13px;
     color: $sb-dark-blue-50;
     font-size: 1.3rem;
     text-align: center;