perfect-scrollbar is applied

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

@@ -65,6 +65,7 @@
   </mat-menu>
 </div>
 <div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;">
+  <perfect-scrollbar>
     <ucap-group-expansion-panel
       #groupExpansionPanel
       [groupBuddyList]="groupBuddyList$ | async"
@@ -83,6 +84,7 @@
       >
       </ucap-profile-user-list-item>
     </ucap-group-expansion-panel>
+  </perfect-scrollbar>
 </div>
 <div *ngIf="isShowSearch" class="search-result">
   <div *ngIf="searchProcessing">

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

@@ -46,7 +46,8 @@
       <mat-progress-bar mode="indeterminate"></mat-progress-bar>
     </div>
     <div *ngIf="!isShowSearch" class="search-list">
-      <cdk-virtual-scroll-viewport itemSize="20" style="height: 100%;">
+      <perfect-scrollbar>
+        <cdk-virtual-scroll-viewport itemSize="20" fxFlexFill>
           <ucap-profile-user-list-item
             *cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList"
             [userInfo]="userInfo"
@@ -59,6 +60,7 @@
             Loading...
           </ucap-profile-user-list-item>
         </cdk-virtual-scroll-viewport>
+      </perfect-scrollbar>
       <!-- <ucap-profile-user-list-item
         *ngFor="let userInfo of selectedDepartmentUserInfoList$ | async"
         [userInfo]="userInfo"