From e3845e35e99c5946a70af83b4c711e5eef4250dc Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta@devplant.ro>
Date: Tue, 30 Aug 2022 15:21:11 +0300
Subject: [PATCH] RED-4819: Menu closes on any button click.

---
 .../expandable-file-actions.component.html             |  2 +-
 .../expandable-file-actions.component.ts               | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.html b/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.html
index f9b9c24fb..821e8634f 100644
--- a/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.html
@@ -54,7 +54,7 @@
 ></iqser-circle-button>
 
 <mat-menu #hiddenButtonsMenu="matMenu" class="padding-bottom-8">
-    <button (click)="btn.action($event)" *ngFor="let btn of hiddenButtons" [disabled]="btn.disabled" mat-menu-item>
+    <button (click)="onButtonClick(btn, $event)" *ngFor="let btn of hiddenButtons" [disabled]="btn.disabled" mat-menu-item>
         <ng-container *ngIf="btn.type === 'circleBtn'">
             <mat-icon [svgIcon]="btn.icon"></mat-icon>
             {{ btn.tooltip | translate }}
diff --git a/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.ts b/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.ts
index 40f9f3122..b795769e0 100644
--- a/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.ts
@@ -1,10 +1,11 @@
-import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
 import { Action, ActionTypes, File } from '@red/domain';
 import { CircleButtonType, IqserTooltipPosition, ScrollableParentView, ScrollableParentViews, Toaster } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { FileDownloadService } from '@upload-download/services/file-download.service';
 import { PermissionsService } from '@services/permissions.service';
 import { firstValueFrom } from 'rxjs';
+import { MatMenuTrigger } from '@angular/material/menu';
 
 @Component({
     selector: 'redaction-expandable-file-actions',
@@ -25,6 +26,8 @@ export class ExpandableFileActionsComponent implements OnChanges {
     expanded = false;
     scrollableParentView: ScrollableParentView;
 
+    @ViewChild(MatMenuTrigger) matMenu: MatMenuTrigger;
+
     constructor(
         private readonly _fileDownloadService: FileDownloadService,
         private readonly _toaster: Toaster,
@@ -80,4 +83,9 @@ export class ExpandableFileActionsComponent implements OnChanges {
         await firstValueFrom(this._fileDownloadService.downloadFiles(filesIds, dossierId));
         this._toaster.info(_('download-status.queued'));
     }
+
+    onButtonClick(button: Action, $event: MouseEvent) {
+        button.action($event);
+        this.matMenu.closeMenu();
+    }
 }