Fix searchInput and replaceInput "paste" event listeners to "change" …

…event listeners, change anonymous callbacks to direct ones, so events are removed when input is blurred
savannstm · Aug 31, 2024 · ce75e10 · ce75e10
1 parent 61a4488
commit ce75e10
Showing 1 changed file with 14 additions and 28 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -2310,41 +2310,27 @@ document.addEventListener("DOMContentLoaded", async () => {
     });
 
     searchInput.addEventListener("focus", () => {
-        searchInput.addEventListener("paste", () => {
+        searchInput.addEventListener("change", searchInput.calculateHeight);
+        searchInput.addEventListener("keydown", handleSearchInputKeypress);
+
+        searchInput.addEventListener("blur", () => {
+            searchInput.value = searchInput.value.trim();
+            searchInput.removeEventListener("keydown", handleSearchInputKeypress);
+            searchInput.removeEventListener("change", searchInput.calculateHeight);
             searchInput.calculateHeight();
         });
-        searchInput.addEventListener("keydown", async (event) => await handleSearchInputKeypress(event));
-
-        searchInput.addEventListener(
-            "blur",
-            () => {
-                searchInput.value = searchInput.value.trim();
-                searchInput.removeEventListener("keydown", async (event) => await handleSearchInputKeypress(event));
-                searchInput.removeEventListener("paste", () => {
-                    searchInput.calculateHeight();
-                });
-            },
-            { once: true },
-        );
     });
 
     replaceInput.addEventListener("focus", () => {
-        replaceInput.addEventListener("keydown", async (event) => await handleReplaceInputKeypress(event));
-        replaceInput.addEventListener("paste", () => {
+        replaceInput.addEventListener("keydown", handleReplaceInputKeypress);
+        replaceInput.addEventListener("change", replaceInput.calculateHeight);
+
+        replaceInput.addEventListener("blur", () => {
+            replaceInput.value = replaceInput.value.trim();
+            replaceInput.removeEventListener("keydown", handleReplaceInputKeypress);
+            replaceInput.removeEventListener("change", replaceInput.calculateHeight);
             replaceInput.calculateHeight();
         });
-
-        replaceInput.addEventListener(
-            "blur",
-            () => {
-                replaceInput.value = replaceInput.value.trim();
-                replaceInput.removeEventListener("keydown", async (event) => await handleReplaceInputKeypress(event));
-                replaceInput.removeEventListener("paste", () => {
-                    replaceInput.calculateHeight();
-                });
-            },
-            { once: true },
-        );
     });
 
     menuBar.addEventListener("click", (event) => handleMenuBarClick(event.target as HTMLElement));