Add paste event to AddressInput to intercept request links

nimiq · May 29, 2020 · 5cf3fcb · 5cf3fcb
1 parent 4ae0e0a
commit 5cf3fcb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/AddressInput.vue b/src/components/AddressInput.vue
@@ -170,6 +170,13 @@ export default class AddressInput extends Vue {
     }
 
     private _onPaste(e: ClipboardEvent) {
+        // Stop paste event from affecting other inputs that may get focussed as a result of the emitted 'paste' event
+        e.stopPropagation();
+
+        const clipboardData = e.clipboardData;
+        const pastedData = clipboardData ? clipboardData.getData('text/plain') : '';
+        this.$emit('paste', pastedData);
+
         inputFormatOnPaste(e, this.$refs.textarea, AddressInput._parse, AddressInput._format, this._afterChange);
     }
 

diff --git a/src/stories/index.stories.js b/src/stories/index.stories.js
@@ -482,8 +482,12 @@ storiesOf('Components', module)
                     lastValidAddress: null,
                 };
             },
+            methods: {
+                input: action('input'),
+                paste: action('paste'),
+            },
             template: `<div>
-                <AddressInput v-model="address" @address="lastValidAddress = $event" />
+                <AddressInput v-model="address" @input="input" @address="lastValidAddress = $event" @paste="paste" />
                 <div>Current address: {{ address }}</div>
                 <div>valid?: {{ address === lastValidAddress }}</div>
             </div>`,