From c774ac1291601fe60c339174820b065aa8bc73cc Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sun, 12 May 2024 08:25:24 +0200
Subject: [PATCH] added host listener to close task menu

---
 src/app/components/board/task/task.component.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/components/board/task/task.component.ts b/src/app/components/board/task/task.component.ts
index 4e06d60..f07f451 100644
--- a/src/app/components/board/task/task.component.ts
+++ b/src/app/components/board/task/task.component.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
+import { Component, HostListener, Input } from '@angular/core';
 import { DragDropService } from '../../../services/drag-drop.service';
 import { Task } from '../../../interfaces/task.interface';
 import { FirebaseService } from '../../../services/firebase.service';
@@ -54,6 +54,18 @@ export class TaskComponent {
       : this.overlayService.setOverlayData('taskOverlay', taskId);
   }
 
+  @HostListener('document:click', ['$event'])
+  checkToggleTaskMenu(event: MouseEvent) {
+    const targetElement = event.target as HTMLElement;
+    if (
+      !targetElement.closest('.menu-btn') &&
+      !targetElement.closest('.menu-img') &&
+      !targetElement.closest('app-task-menu')
+    ) {
+      this.isMenuOpen = false;
+    }
+  }
+
   // Subtasks
 
   completedSubtasks(): number {