|
|
|
@ -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);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|