Merge pull request #649 from GetStream/autoclose-custom-messageActionsBoxTemplate

fix: autoclose works for messageActionsBoxTemplate$

Author: szuperaz

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!];

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