From c3beca27be7c489c4a755a38d91cb9e43f874c7c Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Thu, 22 Mar 2018 00:21:26 -0500
Subject: [PATCH] Bugfix: Pressing enter no longer reloads page when providing
 email

---
 BTCPayServer/Views/Invoice/Checkout.cshtml | 18 ++++++++++--------
 BTCPayServer/wwwroot/js/checkout/core.js   |  2 ++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/Checkout.cshtml b/BTCPayServer/Views/Invoice/Checkout.cshtml
index 5ee22c5a2..349486231 100644
--- a/BTCPayServer/Views/Invoice/Checkout.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout.cshtml
@@ -162,22 +162,18 @@
                                     <div class="bp-view payment manual-flow enter-contact-email active" id="emailAddressView">
                                         <form class="manual__step-one refund-address-form contact-email-form" id="emailAddressForm" name="emailAddressForm" novalidate="">
                                             <div class="manual__step-one__header">
-
                                                 <span i18n="">Contact &amp; Refund Email</span>
-
                                             </div>
                                             <div class="manual__step-one__instructions">
                                                 <span class="initial-label">
-
                                                     <span i18n="">Please provide an email address below. We’ll contact you at this address if there is an issue with your payment. </span>
-
                                                 </span>
                                                 <span class="submission-error-label" i18n="">Please enter a valid email address.</span>
                                             </div>
                                             <div class="input-wrapper">
                                                 <input class="bp-input email-input ng-pristine ng-invalid ng-touched" id="emailAddressFormInput" placeholder="Your email" type="email">
                                                 <bp-loading-button i18n="">
-                                                    <button class="action-button" style="margin-top: 15px;" type="button">
+                                                    <button type="submit" class="action-button" style="margin-top: 15px;">
                                                         <span class="button-text" lcl="">Continue</span>
                                                         <div class="loader-wrapper">
                                                             @Html.Partial("Checkout-Spinner")
@@ -300,8 +296,9 @@
                                                 <span class="initial-label" i18n="">If there is an issue with this payment, or a refund needs to be made, we will contact you at this address.</span>
                                             </div>
                                             <div class="input-wrapper">
-                                                <input bp-focus="focusEmailInput" class="bp-input email-input ng-untouched ng-pristine" disabled="disabled" name="receiptEmail" placeholder="Your email" style="opacity: 1;" type="email">
-                                                <button class="action-button" style="margin-top: 15px;">
+                                                <input bp-focus="focusEmailInput" class="bp-input email-input ng-untouched ng-pristine" disabled="disabled" name="receiptEmail" placeholder="Your email" 
+                                                       style="opacity: 1;" type="email">
+                                                <button type="submit" class="action-button" style="margin-top: 15px;">
                                                     <span i18n="">Confirm email address</span>
                                                 </button>
                                             </div>
@@ -609,7 +606,7 @@
                     </div>
                     <div style="margin-top: 10px; text-align: right;">
                         @* Not working because of nsSeparator: false, keySeparator: false,
-        {{$t("nested.lang")}} >>
+                            {{$t("nested.lang")}} >>
                         *@
                         <select class="cmblang reverse" onchange="changeLanguage($(this).val())">
                             <option value="en-US">English</option>
@@ -633,6 +630,11 @@
             </div>
         </div>
     </invoice>
+    <style type="text/css">
+        input::-ms-clear {
+            display: none;
+        }
+    </style>
     <script type="text/javascript">
         // TODO: Move all logic from core.js to Vue controller
         Vue.config.ignoredElements = [
diff --git a/BTCPayServer/wwwroot/js/checkout/core.js b/BTCPayServer/wwwroot/js/checkout/core.js
index 158d4985e..4fd147334 100644
--- a/BTCPayServer/wwwroot/js/checkout/core.js
+++ b/BTCPayServer/wwwroot/js/checkout/core.js
@@ -163,6 +163,8 @@ $(document).ready(function () {
             } else {
                 $("#emailAddressForm").addClass("ng-touched ng-dirty ng-submitted ng-invalid");
             }
+
+            return false;
         });
     }