add text elips and

src/app/ui/chat/modal/messages/messages.page.ts

@@ -144,7 +144,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
   isAdmin = true
   RoomTypeEnum = RoomType
   IMessageType = IMessageType
-  handleClickActive = true
+  handleClickActive = false
 
   constructor(
     public popoverController: PopoverController,
@@ -222,7 +222,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
   @HostListener('document:click', ['$event'])
   handleClickOutside(event: Event) {
     if (!this.handleClickActive) return;
-
+    this.handleClickActive = false
     const clickedInside = (event.target as HTMLElement).closest('.mat-menu-content');
     if (!clickedInside) {
       this.selectedMessage = null;
@@ -1465,6 +1465,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
     if (this.selectedMessage === message) {
       this.selectedMessage = null; // Close the picker if it's already open
     } else {
+      this.handleClickActive = true
       this.selectedMessage =  message; // Open the picker for the selected message
     }
   }