From be8534cf62d99038477d2f21a43681289e1ae348 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Thu, 3 Oct 2024 09:11:11 -0500
Subject: [PATCH] fix: autoclose works for messageActionsBoxTemplate$

---
 .../src/app/icon/icon.component.ts            |  8 +++++---
 .../src/lib/message/message.component.html    | 20 +++++++++++--------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/projects/customizations-example/src/app/icon/icon.component.ts b/projects/customizations-example/src/app/icon/icon.component.ts
index de3c4c15..bb3a96f2 100644
--- a/projects/customizations-example/src/app/icon/icon.component.ts
+++ b/projects/customizations-example/src/app/icon/icon.component.ts
@@ -31,9 +31,11 @@ export class IconComponent {
       'arrow-down': 'keyboard_arrow_down',
       'chat-bubble': 'chat',
       'audio-file': '',
-      play: '',
-      pause: '',
-      read: '',
+      play: 'play_arrow',
+      pause: 'pause',
+      read: 'done_all',
+      bin: 'delete',
+      mic: 'mic',
     };
 
     return map[this.icon!];
diff --git a/projects/stream-chat-angular/src/lib/message/message.component.html b/projects/stream-chat-angular/src/lib/message/message.component.html
index 29311616..43d1569a 100644
--- a/projects/stream-chat-angular/src/lib/message/message.component.html
+++ b/projects/stream-chat-angular/src/lib/message/message.component.html
@@ -107,18 +107,22 @@
               [message]="messageInput"
               [enabledActions]="enabledActions"
               [messageTextHtmlElement]="messageTextHtmlElement"
-              (click)="messageActionsBoxClicked(messageMenuFloat)"
             ></stream-message-actions-box>
           </ng-template>
           <ng-container>
-            <ng-container
-              *ngTemplateOutlet="
-                (customTemplatesService.messageActionsBoxTemplate$ | async) ||
-                  defaultMessageActionsBox;
-                context: getMessageActionsBoxContext()
-              "
+            <div
+              (click)="messageActionsBoxClicked(messageMenuFloat)"
+              (keyup.enter)="messageActionsBoxClicked(messageMenuFloat)"
             >
-            </ng-container>
+              <ng-container
+                *ngTemplateOutlet="
+                  (customTemplatesService.messageActionsBoxTemplate$ | async) ||
+                    defaultMessageActionsBox;
+                  context: getMessageActionsBoxContext()
+                "
+              >
+              </ng-container>
+            </div>
           </ng-container>
         </float-ui-content>
         <div