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

fix: close virtual keyboard is message menu is opened on iOS Safari
GetStream · Sep 11, 2024 · 8d7905d · 8d7905d
2 parents d8dee95 + a13ffa5
commit 8d7905d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.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",

diff --git a/projects/stream-chat-angular/src/lib/message/message.component.ts b/projects/stream-chat-angular/src/lib/message/message.component.ts
@@ -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) {