From c2420c75253ba2f846e32013cb8f07ccf11d9f7f Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Tue, 15 Jun 2021 13:37:29 +0200
Subject: [PATCH] Trim Email on Blur

---
 .../Pages/AccountOverview/GddSend/TransactionForm.vue     | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
index 66bc16be4..654599385 100644
--- a/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
@@ -40,6 +40,9 @@
                   <b-form-input
                     id="input-1"
                     v-model="form.email"
+                    v-focus="emailFocused"
+                    @focus="emailFocused = !emailFocused"
+                    @blur="normalizeEmail()"
                     type="email"
                     placeholder="E-Mail"
                     style="font-size: xx-large; padding-left: 20px"
@@ -153,6 +156,7 @@ export default {
   data() {
     return {
       amountFocused: false,
+      emailFocused: false,
       form: {
         email: '',
         amount: '',
@@ -186,6 +190,10 @@ export default {
       this.form.amountValue = Number(this.form.amount.replace(',', '.'))
       this.form.amount = this.$n(this.form.amountValue, 'decimal')
     },
+    normalizeEmail() {
+      this.emailFocused = !this.emailFocused
+      this.form.email = this.form.email.trim()
+    },
   },
 }
 </script>