Handle the `input` event separately

src/components/search-box/component.tag

@@ -1,5 +1,5 @@
 search-box
-	input.search(placeholder="Search...", onkeydown="{_handleKeyDown}")
+	input.search(placeholder="Search...", onkeydown="{_handleKeyDown}", oninput="{_handleInput}")
 	
 	script.
 		let lastKnownQuery;
@@ -20,16 +20,17 @@ search-box
 						this.trigger("cancel");
 						break;
 					default:
-						let searchInput = this.root.querySelector(".search");
-						
-						if (searchInput.value !== lastKnownQuery) {
-							lastKnownQuery = searchInput.value;
-							this.trigger("queryChanged", searchInput.value);
-						}
-						
 						return true;
 						break;
 				}
+			},
+			_handleInput: (event) => {
+				let searchInput = this.root.querySelector(".search");
+				
+				if (searchInput.value !== lastKnownQuery) {
+					lastKnownQuery = searchInput.value;
+					this.trigger("queryChanged", searchInput.value);
+				}
 			}
 		})