From 78cf99bc2c7aa1ca932c38bf0f1d559de44bcf52 Mon Sep 17 00:00:00 2001
From: jholdstock <jholdstock@decred.org>
Date: Mon, 26 Jun 2023 13:21:57 +0100
Subject: [PATCH] webapi: Use input type "search" for ticket hash.

The "search" input type is functionally the same as "text" but has a nice extra property - most browsers will render it with a "Clear" button to wipe the current input.

Also disable spellchecking on this input.
---
 webapi/public/css/vspd.css  | 7 +++++++
 webapi/templates/admin.html | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/webapi/public/css/vspd.css b/webapi/public/css/vspd.css
index 2b73a31..f5b3cd0 100644
--- a/webapi/public/css/vspd.css
+++ b/webapi/public/css/vspd.css
@@ -9,6 +9,13 @@ body {
     flex-direction: column;
 }
 
+/* Bootstrap adds ugly outlines to search inputs. Setting outline-offset and
+appearance makes them look the same as text inputs. */
+input[type="search"] {
+    outline-offset: 0;
+    appearance: auto;
+}
+
 .navbar {
     background-color: #F9FAFA;
 }
diff --git a/webapi/templates/admin.html b/webapi/templates/admin.html
index 05106de..d638911 100644
--- a/webapi/templates/admin.html
+++ b/webapi/templates/admin.html
@@ -178,7 +178,7 @@
                         
                         <section>
                             <form class="mt-2 mb-4" action="/admin/ticket" method="post">
-                                <input type="text" name="hash" size="64" minlength="64" maxlength="64" required placeholder="Ticket hash" autocomplete="off"
+                                <input type="search" name="hash" size="64" minlength="64" maxlength="64" spellcheck="false" required placeholder="Ticket hash" autocomplete="off"
                                 {{ with .SearchResult }}
                                 value="{{ .Ticket.Hash }}"
                                 {{ end }}>