MatMenu backdrop 옵션 수정.

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html

@@ -119,11 +119,7 @@
   #chatContextMenuTrigger="matMenuTrigger"
   [matMenuTriggerFor]="chatContextMenu"
 ></div>
-<mat-menu
-  #chatContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="chatContextMenuTrigger.closeMenu()"
->
+<mat-menu #chatContextMenu="matMenu">
   <ng-template matMenuContent let-roomInfo="roomInfo">
     <button mat-menu-item (click)="onClickContextMenu('SELECT_ROOM', roomInfo)">
       {{ 'chat.openRoom' | translate }}

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html

@@ -7,7 +7,6 @@
         #groupMenuTrigger="matMenuTrigger"
         [matMenuTriggerFor]="groupMenu"
         aria-label="group menu"
-        (ucapClickOutside)="groupMenuTrigger.closeMenu()"
       >
         <mat-icon>more_vert</mat-icon>
       </button>
@@ -71,12 +70,7 @@
   </ucap-profile-user-list-item>
 </div>
 
-<mat-menu
-  #groupMenu="matMenu"
-  xPosition="after"
-  yPosition="below"
-  [hasBackdrop]="false"
->
+<mat-menu #groupMenu="matMenu" xPosition="after" yPosition="below">
   <button mat-menu-item (click)="onClickGroupMenu('GROUP_NEW')">
     <!--<mat-icon>group_add</mat-icon>-->
     <svg
@@ -148,11 +142,7 @@
   #profileContextMenuTrigger="matMenuTrigger"
   [matMenuTriggerFor]="profileContextMenu"
 ></div>
-<mat-menu
-  #profileContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="profileContextMenuTrigger.closeMenu()"
->
+<mat-menu #profileContextMenu="matMenu">
   <ng-template
     matMenuContent
     let-userInfo="userInfo"
@@ -242,11 +232,7 @@
   #groupContextMenuTrigger="matMenuTrigger"
   [matMenuTriggerFor]="groupContextMenu"
 ></div>
-<mat-menu
-  #groupContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="groupContextMenuTrigger.closeMenu()"
->
+<mat-menu #groupContextMenu="matMenu">
   <ng-template matMenuContent let-group="group">
     <button
       mat-menu-item

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html

@@ -177,11 +177,7 @@
   #orgUserContextMenuTrigger="matMenuTrigger"
   [matMenuTriggerFor]="orgUserContextMenu"
 ></div>
-<mat-menu
-  #orgUserContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="orgUserContextMenuTrigger.closeMenu()"
->
+<mat-menu #orgUserContextMenu="matMenu">
   <ng-template matMenuContent let-userInfo="userInfo">
     <button
       mat-menu-item

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html

@@ -120,12 +120,11 @@
           #chatMenuTrigger="matMenuTrigger"
           [matMenuTriggerFor]="contactMenu"
           aria-label="more"
-          (ucapClickOutside)="chatMenuTrigger.closeMenu()"
         >
           <mat-icon>more_vert</mat-icon>
         </button>
 
-        <mat-menu #contactMenu="matMenu" [hasBackdrop]="false">
+        <mat-menu #contactMenu="matMenu">
           <button
             mat-menu-item
             *ngIf="getShowContextMenu('OPEN_ALBUM_LIST')"
@@ -322,8 +321,6 @@
 ></div>
 <mat-menu
   #messageContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="messageContextMenuTrigger.closeMenu()"
 >
   <ng-template matMenuContent let-message="message" let-clicktype="clicktype">
     <ng-container *ngIf="!isRecalledMessage(message.type)">

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html

@@ -32,11 +32,7 @@
   #roomUserContextMenuTrigger="matMenuTrigger"
   [matMenuTriggerFor]="roomUserContextMenu"
 ></div>
-<mat-menu
-  #roomUserContextMenu="matMenu"
-  [hasBackdrop]="false"
-  (ucapClickOutside)="roomUserContextMenuTrigger.closeMenu()"
->
+<mat-menu #roomUserContextMenu="matMenu">
   <ng-template matMenuContent let-buddy="buddy">
     <button mat-menu-item (click)="onClickContextMenu('FORCING_EXIT', buddy)">
       {{ 'chat.ejectFromRoom' | translate }}

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html

@@ -79,7 +79,6 @@
               class="message-menu"
               #messageMenuTrigger="matMenuTrigger"
               [matMenuTriggerFor]="messageMenu"
-              (ucapClickOutside)="messageMenuTrigger.closeMenu()"
             >
               <mat-icon>more_vert</mat-icon>
             </button>
@@ -242,7 +241,6 @@
   #messageMenu="matMenu"
   xPosition="after"
   yPosition="below"
-  [hasBackdrop]="false"
 >
   <button
     mat-menu-item