[4.x] Support paste events in Taggable Fieldtype (#8903)

statamic · Nov 1, 2023 · b6f37d3 · b6f37d3
1 parent c26ee82
commit b6f37d3
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/resources/js/components/fieldtypes/TagsFieldtype.vue b/resources/js/components/fieldtypes/TagsFieldtype.vue
@@ -15,13 +15,14 @@
         @search:focus="$emit('focus')"
         @search:blur="$emit('blur')">
             <template #selected-option-container><i class="hidden"></i></template>
-            <template #search="{ events, attributes }" v-if="config.multiple">
+            <template #search="{ events, attributes }">
                 <input
                     :placeholder="config.placeholder"
                     class="vs__search"
                     type="search"
                     v-on="events"
                     v-bind="attributes"
+                    @paste="onPaste"
                 >
             </template>
              <template #no-options>
@@ -72,6 +73,14 @@ export default {
         focus() {
             this.$refs.input.focus();
         },
+
+        onPaste(event) {
+            const pastedValue = event.clipboardData.getData('text');
+
+            this.update([...this.value, ...pastedValue.split(',')]);
+
+            event.preventDefault();
+        },
     },
 
 };