Merge pull request #388 from GetStream/ionic-safari-hover-bug

fix: Ionic hover problems in Safari

Author: szuperaz

projects/stream-chat-angular/src/lib/message-list/message-list.component.html

@@ -24,6 +24,7 @@
         </div>
       </li>
       <li
+        tabindex="0"
         data-testclass="message"
         *ngFor="
           let message of messages$ | async;

projects/stream-chat-angular/src/lib/message/message.component.html

@@ -479,6 +479,7 @@
           str-chat__message-status
         "
         data-testid="delivered-indicator"
+        tabindex="0"
         [popper]="popperContent"
         [popperTrigger]="popperTriggerHover"
         [popperPlacement]="popperPlacementAuto"
@@ -505,6 +506,7 @@
           str-chat__message-status
         "
         data-testid="sending-indicator"
+        tabindex="0"
         [popper]="popperContent"
         [popperTrigger]="popperTriggerHover"
         [popperPlacement]="popperPlacementAuto"
@@ -530,6 +532,7 @@
           str-chat__message-status
         "
         data-testid="read-indicator"
+        tabindex="0"
         [popper]="popperContent"
         [popperTrigger]="popperTriggerHover"
         [popperPlacement]="popperPlacementAuto"