fix: resolve mobile keyboard enter button not working in HypaV3 modal (#732)
# PR Checklist - [ ] Have you checked if it works normally in all models? *Ignore this if it doesn't use models.* - [ ] Have you checked if it works normally in all web, local, and node hosted versions? If it doesn't, have you blocked it in those versions? - [ ] Have you added type definitions? # Description This PR introduces fix: resolve mobile keyboard enter button not working in HypaV3 modal
This commit is contained in:
@@ -871,19 +871,27 @@
|
|||||||
<div class="sticky top-0 z-50 p-2 sm:p-3 bg-zinc-800">
|
<div class="sticky top-0 z-50 p-2 sm:p-3 bg-zinc-800">
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<div class="relative flex flex-1 items-center">
|
<div class="relative flex flex-1 items-center">
|
||||||
<input
|
<form
|
||||||
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"
|
class="w-full"
|
||||||
placeholder="Enter #N, ID, or search query"
|
onsubmit={(e) => {
|
||||||
bind:this={searchUIState.ref}
|
e.preventDefault();
|
||||||
bind:value={searchUIState.query}
|
onSearch({ key: "Enter" } as KeyboardEvent);
|
||||||
oninput={() => {
|
|
||||||
if (searchUIState) {
|
|
||||||
searchUIState.currentIndex = -1;
|
|
||||||
searchUIState.results = [];
|
|
||||||
}
|
|
||||||
}}
|
}}
|
||||||
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}
|
{#if searchUIState.results.length > 0}
|
||||||
<span
|
<span
|
||||||
|
|||||||
Reference in New Issue
Block a user