From 4451aea52e25e3a6ebc5decd0a4963f33320622f Mon Sep 17 00:00:00 2001
From: Bo26fhmC5M <88071760+Bo26fhmC5M@users.noreply.github.com>
Date: Wed, 29 Jan 2025 08:39:32 +0900
Subject: [PATCH] fix: resolve mobile keyboard enter button not working in
 HypaV3 modal

---
 src/lib/Others/HypaV3Modal.svelte | 32 +++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/lib/Others/HypaV3Modal.svelte b/src/lib/Others/HypaV3Modal.svelte
index cef64c67..ea9b6616 100644
--- a/src/lib/Others/HypaV3Modal.svelte
+++ b/src/lib/Others/HypaV3Modal.svelte
@@ -871,19 +871,27 @@
           <div class="sticky top-0 z-50 p-2 sm:p-3 bg-zinc-800">
             <div class="flex items-center gap-2">
               <div class="relative flex flex-1 items-center">
-                <input
-                  class="w-full px-2 sm:px-4 py-2 sm:py-3 rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-500 text-zinc-200 bg-zinc-900"
-                  placeholder="Enter #N, ID, or search query"
-                  bind:this={searchUIState.ref}
-                  bind:value={searchUIState.query}
-                  oninput={() => {
-                    if (searchUIState) {
-                      searchUIState.currentIndex = -1;
-                      searchUIState.results = [];
-                    }
+                <form
+                  class="w-full"
+                  onsubmit={(e) => {
+                    e.preventDefault();
+                    onSearch({ key: "Enter" } as KeyboardEvent);
                   }}
-                  onkeydown={(e) => onSearch(e)}
-                />
+                >
+                  <input
+                    class="w-full px-2 sm:px-4 py-2 sm:py-3 rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-500 text-zinc-200 bg-zinc-900"
+                    placeholder="Enter #N, ID, or search query"
+                    bind:this={searchUIState.ref}
+                    bind:value={searchUIState.query}
+                    oninput={() => {
+                      if (searchUIState) {
+                        searchUIState.currentIndex = -1;
+                        searchUIState.results = [];
+                      }
+                    }}
+                    onkeydown={(e) => onSearch(e)}
+                  />
+                </form>
 
                 {#if searchUIState.results.length > 0}
                   <span