Create a private function for event listener

jibees · Sep 22, 2023 · 458a031 · 458a031
1 parent 2a98789
commit 458a031
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/app/webpacker/controllers/vertical_ellipsis_menu_controller.js b/app/webpacker/controllers/vertical_ellipsis_menu_controller.js
@@ -5,16 +5,20 @@ export default class extends Controller {
 
   connect() {
     super.connect();
-    window.addEventListener("click", (e) => {
-      if (this.element.contains(e.target)) return;
-      this.#hide();
-    });
+    window.addEventListener("click", this.#hideIfClickedOutside);
   }
 
   toggle() {
     this.contentTarget.classList.toggle("show");
   }
 
+  #hideIfClickedOutside = (event) => {
+    if (this.element.contains(event.target)) {
+      return;
+    }
+    this.#hide();
+  };
+
   #hide() {
     this.contentTarget.classList.remove("show");
   }