From 8caeaaf66e95e63971e0a8c4e9c11d9c034a8a93 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Thu, 28 Apr 2022 20:44:06 +0200
Subject: [PATCH] Correctly blocks arrow up/down on input

---
 src/components/InputSearch.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/InputSearch.svelte b/src/components/InputSearch.svelte
index 48bea22..598e9aa 100644
--- a/src/components/InputSearch.svelte
+++ b/src/components/InputSearch.svelte
@@ -2,7 +2,7 @@
 import { debounce } from "obsidian"
 import { createEventDispatcher, onMount, tick } from "svelte"
 
-export let value = ''
+export let value = ""
 const dispatch = createEventDispatcher()
 
 let elInput: HTMLInputElement
@@ -13,6 +13,14 @@ onMount(async () => {
   elInput.select()
 })
 
+function onKeydown(e: KeyboardEvent) {
+  switch (e.key) {
+    case "ArrowUp":
+    case "ArrowDown":
+      e.preventDefault()
+  }
+}
+
 const debouncedOnInput = debounce(() => {
   dispatch("input", value)
 }, 100)
@@ -22,6 +30,7 @@ const debouncedOnInput = debounce(() => {
   bind:value
   bind:this={elInput}
   on:input={debouncedOnInput}
+  on:keydown={onKeydown}
   type="text"
   class="prompt-input"
   placeholder="Type to search through your notes"