From 856def09c42ef21393e9e1dbc2648114a5e83c1a Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Fri, 10 Jan 2020 13:12:55 +0900
Subject: [PATCH] =?UTF-8?q?MatMenu=20backdrop=20=EC=98=B5=EC=85=98=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-sidenav/chat.component.html          |  6 +-----
 .../left-sidenav/group.component.html         | 20 +++----------------
 .../left-sidenav/organization.component.html  |  6 +-----
 .../components/messages.component.html        |  5 +----
 .../room-user-list.component.html             |  6 +-----
 .../message-detail.dialog.component.html      |  2 --
 6 files changed, 7 insertions(+), 38 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index 866961c2..bd45ec4f 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/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 }}
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
index 5bb622e9..3a39364d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
+++ b/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
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
index 478a1e7f..cd36a8e1 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
+++ b/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
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html
index 423c023d..3e1d1972 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html
+++ b/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)">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html
index 8a77adf2..3ff00bd2 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.html
+++ b/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 }}
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
index 0ff1d714..f5fd3df7 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
+++ b/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