Auto-select focused search text

pure-english · Dec 17, 2023 · fd95481 · fd95481
1 parent e341cbb
commit fd95481
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SearchResult.vue b/src/components/SearchResult.vue
@@ -490,7 +490,6 @@ const instance = getCurrentInstance();
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 watch(route, (_to, _from) => {
- console.log("Force updated!");
  refreshSearch();
  instance?.proxy?.$forceUpdate();
 });

diff --git a/src/layouts/default/AppBar.vue b/src/layouts/default/AppBar.vue
@@ -46,7 +46,7 @@ function searchWord() {
 }
 
 onMounted(() => {
- const searchBar = document.getElementById("searchBar");
+ const searchBar = document.getElementById("searchBar") as HTMLInputElement;
  // const wordlistSearch = document.getElementById("wordlistSearch");
 
  window.addEventListener("keyup", (e) => {
@@ -56,6 +56,7 @@ onMounted(() => {
  && (document.activeElement?.id !== "wordlistSearch")) {
  // console.log(`Focusing search! activeElement = ${document.activeElement?.id}`);
  searchBar?.focus();
+ searchBar?.select();
  // Unfocus the search bar if escape is pressed
  } else if (e.code === "Escape" && (document.activeElement === searchBar)) {
  searchBar?.blur();

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -56,7 +56,7 @@
 
  <p><sub>This project is still in progress, expect errors.</sub></p>
 
- <p><sub>v1.6.1 (2023-12-17)</sub></p>
+ <p><sub>v1.6.2 (2023-12-17)</sub></p>
  </center>
 </template>