fix #96

Author: HoodieRocks

bun.lock

@@ -12,40 +12,40 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   },
   "devDependencies": {
-    "@sveltejs/kit": "^2.20.8",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/kit": "^2.22.0",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "consola": "^3.4.2",
     "fast-glob": "^3.3.3",
-    "lightningcss": "^1.29.3",
+    "lightningcss": "^1.30.1",
     "mdsvex": "^0.12.6",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "remove-markdown": "^0.6.2",
     "string-strip-html": "^13.4.12",
     "super-sitemap": "^1.0.3",
-    "svelte": "^5.28.2",
-    "svelte-check": "^4.1.7",
+    "svelte": "^5.34.7",
+    "svelte-check": "^4.2.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
     "vite": "^6.3.5"
   },
   "type": "module",
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
-    "@iconify-json/tabler": "^1.2.17",
-    "@sveltejs/adapter-auto": "^6.0.0",
+    "@iconify-json/tabler": "^1.2.19",
+    "@sveltejs/adapter-auto": "^6.0.1",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.6",
-    "flexsearch": "^0.8.163",
+    "@tailwindcss/vite": "^4.1.10",
+    "flexsearch": "^0.8.205",
     "gray-matter": "^4.0.3",
     "nbtify": "^2.2.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-admonitions": "^1.2.1",
     "remark-code-titles": "^0.1.2",
-    "shiki": "^3.4.0",
-    "sk-seo": "^0.5.3",
-    "tailwindcss": "^4.1.6",
+    "shiki": "^3.7.0",
+    "sk-seo": "^0.5.4",
+    "tailwindcss": "^4.1.10",
     "unplugin-icons": "^22.1.0"
   }
 }

package.json

@@ -28,7 +28,14 @@
   let logoFlipped = $state(false);
   let logoBonked = $state(false);
 
-  export async function handleKeyInput(e: KeyboardEvent) {
+  export async function handleKeyInput(e: KeyboardEvent & {
+    currentTarget: EventTarget & Window;
+}) {
+    const doc = e.currentTarget.document;
+    const notAnInput = !(doc.activeElement instanceof HTMLInputElement) && !(doc.activeElement instanceof HTMLTextAreaElement);
+
+    if(!notAnInput) return;
+
     lastFewInputs.push(e.key);
     if (lastFewInputs.length > 8) {
       lastFewInputs.shift();

src/lib/Topbar.svelte

@@ -24,12 +24,16 @@
     page = sessionStorage.getItem("page") || "wiki";
   });
 
-  export async function handleKeyInput(e: KeyboardEvent) {
-    if (e.key == "ArrowLeft" && windowInfo.isNavOpen) {
+  export async function handleKeyInput(e: KeyboardEvent & {
+    currentTarget: EventTarget & Window;
+}) {
+    const doc = e.currentTarget.document;
+    const notAnInput = !(doc.activeElement instanceof HTMLInputElement) && !(doc.activeElement instanceof HTMLTextAreaElement);
+    if (e.key == "ArrowLeft" && windowInfo.isNavOpen && notAnInput) {
       windowInfo.isNavOpen = false;
     }
 
-    if (e.key == "ArrowRight" && !windowInfo.isNavOpen) {
+    if (e.key == "ArrowRight" && !windowInfo.isNavOpen && notAnInput) {
       windowInfo.isNavOpen = true;
     }
   }

src/lib/sidebar/Sidebar.svelte

@@ -31,11 +31,11 @@
   });
 </script>
 
-<div class="font-lexend h-full min-h-screen flex flex-col text-stone-200">
+<div class="font-lexend h-full min-h-dvh flex flex-col text-stone-200">
   <Navbar />
   <div class="flex w-full h-[93%]">
     <Sidebar />
-    <div id="content" class="py-12 w-full min-h-screen text-stone-200 bg-stone-900">
+    <div id="content" class="py-12 w-full min-h-dvh text-stone-200 bg-stone-900">
       {@render children()}
     </div>
   </div>

src/routes/+layout.svelte

@@ -91,7 +91,7 @@ string, text, booleans, and more.
 Strings can store any text value, or more technically, any sequence of unicode characters.
 
 **Format**: Strings are stored within either double or single quotes. For strings containing standard characters
-(`A-Z, a-z, 0-9, -,_,+,.`), the quotes are optional (as long as the text starfts with a letter), but recommended. `"<text>"` or `'<text>'` or `<text>`
+(`A-Z, a-z, 0-9, -,_,+,.`), the quotes are optional (as long as the text starts with a letter), but recommended. `"<text>"` or `'<text>'` or `<text>`
 
 **Example**: `name:"Silabear"`, `name:'Cobblestone'`, `name:Aandeel`
 
@@ -135,7 +135,7 @@ In older versions of Minecraft, booleans were stored as bytes with `0b` represen
 ### Lists/Arrays
 Lists, or number arrays are used to store multiple values. Lists can store different types of values, whereas number arrays can only store the same type of number. In practicality, you often do not need to think about the difference
 
-**Format**: Theyu are defined using square brackets (`[]`), with the values separated by commas. Number arrays can be prefixed with the type of numbr the array is going to store and a semicolon (for instance, a list starting with `[B;` will only store bytes)
+**Format**: They are defined using square brackets (`[]`), with the values separated by commas. Number arrays can be prefixed with the type of number the array is going to store and a semicolon (for instance, a list starting with `[B;` will only store bytes)
 
 **Example**: `["Silabear", 15, true, 242]`, `[B;1b,2B,true,false]`, `["Kanokarob", "LadyEternal", "lionlance", "thederdiscohund", "theblackswitch"]`, `[L;1l,2l,3l,4l,5l]`
 

src/routes/wiki/nbt-scoreboards/nbt/+page.svx

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { parse } from "nbtify";
-
+  
   let value = $state("");
   let valid = $state("unset");
   let error = $state("");