From 3fbd73129e8b406cc70f48f2909ffa0de18dfd9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Moya?= <andres.moya@kaleidos.net>
Date: Mon, 2 Aug 2021 11:54:10 +0200
Subject: [PATCH] :sparkles: Set email fields to email type to help editing

---
 CHANGES.md                                          | 1 +
 frontend/src/app/main/ui/auth/login.cljs            | 2 +-
 frontend/src/app/main/ui/settings/change_email.cljs | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index bedda8b63..6626a8a4b 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -7,6 +7,7 @@
 - Allow to zoom with ctrl + middle button [Taiga #1428](https://tree.taiga.io/project/penpot/us/1428).
 - Auto placement of duplicated objects [Taiga #1386](https://tree.taiga.io/project/penpot/us/1386).
 - Go to a undo step clicking on a history element of the list [Taiga #1374](https://tree.taiga.io/project/penpot/us/1374).
+- Set email inputs to type "email", to aid keyboard entry [Taiga #1921](https://tree.taiga.io/project/penpot/issue/1921).
 - Use space + mouse drag to pan, instead of only space [Taiga #1800](https://tree.taiga.io/project/penpot/us/1800).
 
 ### :bug: Bugs fixed
diff --git a/frontend/src/app/main/ui/auth/login.cljs b/frontend/src/app/main/ui/auth/login.cljs
index 3f8e89e66..43cab04c8 100644
--- a/frontend/src/app/main/ui/auth/login.cljs
+++ b/frontend/src/app/main/ui/auth/login.cljs
@@ -97,7 +97,7 @@
       [:div.fields-row
        [:& fm/input
         {:name :email
-         :type "text"
+         :type "email"
          :tab-index "2"
          :help-icon i/at
          :label (tr "auth.email")}]]
diff --git a/frontend/src/app/main/ui/settings/change_email.cljs b/frontend/src/app/main/ui/settings/change_email.cljs
index 5ea32034f..b0fe3b44c 100644
--- a/frontend/src/app/main/ui/settings/change_email.cljs
+++ b/frontend/src/app/main/ui/settings/change_email.cljs
@@ -96,12 +96,12 @@
           :content (tr "modals.change-email.info" (:email profile))}]
 
         [:div.fields-row
-         [:& fm/input {:type "text"
+         [:& fm/input {:type "email"
                        :name :email-1
                        :label (tr "modals.change-email.new-email")
                        :trim true}]]
         [:div.fields-row
-         [:& fm/input {:type "text"
+         [:& fm/input {:type "email"
                        :name :email-2
                        :label (tr "modals.change-email.confirm-email")
                        :trim true}]]]