Skip to content

Commit 8fee4ca

Browse files
committed
feat: throttle up and down events in quick search and package search
This prevents firing too many events when the up/down arrows are held down and there are many results to scroll through.
1 parent 837f3aa commit 8fee4ca

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

src/components/PackageSearch.astro

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
class="input input-bordered mt-2 w-full"
2727
autocomplete="off"
2828
x-model.debounce.300ms="query"
29-
@keydown.up.prevent="prevResult()"
30-
@keydown.down.prevent="nextResult()"
29+
@keydown.up.throttle.10ms.prevent="prevResult()"
30+
@keydown.down.throttle.10ms.prevent="nextResult()"
3131
@keydown.enter.prevent="useResult()"
3232
/>
3333

src/components/QuickSearch.astro

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@
2121
class="input input-bordered mt-2 w-full"
2222
autocomplete="off"
2323
x-model.debounce.100ms="query"
24-
@keydown.up.prevent="prevResult()"
25-
@keydown.down.prevent="nextResult()"
24+
@keydown.up.throttle.10ms.prevent="prevResult()"
25+
@keydown.down.throttle.10ms.prevent="nextResult()"
2626
@keydown.enter.prevent="useResult()"
2727
/>
2828

0 commit comments

Comments
 (0)