[5.x] Avoid creation of duplicate terms in typeahead input (#11060)

statamic · Nov 21, 2024 · b02a86d · b02a86d
1 parent 5a659c1
commit b02a86d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/resources/js/components/inputs/relationship/SelectField.vue b/resources/js/components/inputs/relationship/SelectField.vue
@@ -12,7 +12,7 @@
             :options="options"
             :get-option-key="(option) => option.id"
             :get-option-label="(option) => __(option.title)"
-            :create-option="(value) => ({ title: value, id: value })"
+            :create-option="(value) => createOption(value)"
             :placeholder="__(config.placeholder) || __('Choose...')"
             :searchable="true"
             :taggable="isTaggable"
@@ -140,6 +140,11 @@ export default {
             this.$emit('input', items);
         },
 
+        createOption(value) {
+            const existing = this.options.find((option) => option.title === value);
+            return existing || { id: value, title: value };
+        },
+
     }
 
 }