From cb19e7375ad224ebbc6a0e18fc0731be3d09a1b2 Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Sun, 28 Aug 2022 21:31:35 +0200
Subject: [PATCH] scroll up

---
 internal/api/userpage/static/webapp.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/internal/api/userpage/static/webapp.html b/internal/api/userpage/static/webapp.html
index d9ae9fb..44a5cf8 100644
--- a/internal/api/userpage/static/webapp.html
+++ b/internal/api/userpage/static/webapp.html
@@ -65,7 +65,7 @@
             margin: 15px 0;
             border: none;
             border-radius: 4px;
-            background-color: var(--tg-theme-secondary-bg-color, #f5f5f5);
+            background-color: var(--tg-theme-bg-color, #f5f5f5);
             color: var(--tg-theme-text-color, #1a1a1a);
         }
 
@@ -239,7 +239,7 @@
                 <input type="number" id="invoiceAmount" placeholder="amount in sat" style="width: 80%"></input>
             </div>
             <div>
-                <button onclick="getInvoice(this, {{.Callback}});" style="display: inline;" id="requestInvoice">Invoice</button>
+                <button onclick="invoiceButtonClick();" style="display: inline;" id="requestInvoice">Invoice</button>
             </div>
         </div>
     </div>
@@ -284,6 +284,14 @@
 
     // ------------------ functions ------------------
 
+    function invoiceButtonClick() {
+        var c = "{{.Callback}}";
+        getInvoice(this, c);
+        // hide keyboard and scroll up
+        document.getElementById("invoiceAmount").blur();
+        window.scrollTo(0, 0);
+    }
+
     function webviewClose() {
         Telegram.WebApp.close();
     }