fix: Quick fix for popper problem #453

GetStream · Aug 1, 2023 · 3cc079e · 3cc079e
1 parent bf2853c
commit 3cc079e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -117,7 +117,7 @@
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "3.10.1",
+    "@stream-io/stream-chat-css": "3.12.0",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",

diff --git a/projects/stream-chat-angular/src/lib/channel/channel.component.html b/projects/stream-chat-angular/src/lib/channel/channel.component.html
@@ -2,6 +2,7 @@
   class="str-chat str-chat-channel messaging str-chat__channel str-chat__theme-{{
     theme$ | async
   }}"
+  [class.google-chrome]="isChrome"
 >
   <div
     class="str-chat__container"

diff --git a/projects/stream-chat-angular/src/lib/channel/channel.component.ts b/projects/stream-chat-angular/src/lib/channel/channel.component.ts
@@ -19,6 +19,8 @@ export class ChannelComponent {
   isActiveChannel$: Observable<boolean>;
   subscriptions: Subscription[] = [];
   theme$: Observable<string>;
+  isChrome =
+    !!(window as any).chrome && typeof (window as any).opr === 'undefined';
 
   constructor(
     private channelService: ChannelService,