Skip to content

Feat/search submit #693

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
2xburnt wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Feat/search submit #693

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
32625c3
fix(search): submit and select input predictably
2xburnt Jul 28, 2026
2351e05
fix(search): preserve form submission in modal
2xburnt Jul 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 9 additions & 5 deletions src/layouts/components/NavbarSearch.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,12 @@ function openSearchModal() {
searchModalShow.value = true;
}

function preventClick(event: any) {
event.preventDefault();
function stopClick(event: Event) {
event.stopPropagation();
}
function selectValue(event: Event) {
(event.currentTarget as HTMLInputElement).select();
}
function confirm() {
errorMessage.value = '';
const key = searchQuery.value;
Expand Down Expand Up @@ -71,7 +73,7 @@ function confirm() {
class="cursor-pointer modal !pointer-events-auto !opacity-100 !visible"
@click="closeSearchModal"
>
<div class="relative modal-box cursor-default" @click="(event) => preventClick(event)">
<form class="relative modal-box cursor-default" @click="stopClick" @submit.prevent="confirm">
<!-- header -->
<div class="flex items-center justify-between">
<div class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline">
Expand All @@ -89,6 +91,8 @@ function confirm() {
class="input flex-1 w-full !input-bordered"
v-model="searchQuery"
placeholder="Height/Transaction/Account Address"
@focus="selectValue"
@click="selectValue"
/>
<div class="mt-2 text-right text-sm text-error" v-show="errorMessage">
{{ errorMessage }}
Expand All @@ -97,9 +101,9 @@ function confirm() {
</div>
<!-- foot -->
<div class="mt-6">
<button class="w-full btn btn-primary" @click="confirm">Confirm</button>
<button type="submit" class="w-full btn btn-primary">Confirm</button>
</div>
</div>
</form>
</div>
</div>
</template>
Loading