Merge pull request #639 from GetStream/ios-safari-keyboard

fix: close virtual keyboard is message menu is opened on iOS Safari

Author: szuperaz

package-lock.json

@@ -113,7 +113,7 @@
     "@ctrl/ngx-emoji-mart": "^8.2.0",
     "@floating-ui/dom": "^1.6.3",
     "@ngx-translate/core": "^14.0.0",
-    "@stream-io/stream-chat-css": "4.17.4",
+    "@stream-io/stream-chat-css": "4.17.5",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "1.4.0",
     "dayjs": "^1.11.10",

package.json

@@ -601,6 +601,14 @@ export class MessageComponent
           return;
         } else {
           this.shouldPreventMessageMenuClose = !options.fromTouch;
+          // Fix for iOS Safari: iOS Safari won't close the input if we open message menu
+          // The virtual keyboard can hide parts of the message menu, so we close the input here
+          if (
+            document.activeElement &&
+            typeof (document.activeElement as HTMLInputElement).blur !==
+              'undefined'
+          )
+            (document.activeElement as HTMLInputElement).blur();
           this.messageMenuTrigger?.show();
         }
         if (this.isViewInited) {