fix: disable animations in firefox (#1175)

julianpoy · Dec 18, 2023 · 7f7e8c3 · 7f7e8c3
2 parents d872acd + 0f6c188
commit 7f7e8c3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/frontend/src/app/app.component.html b/packages/frontend/src/app/app.component.html
@@ -53,6 +53,7 @@
     </ion-menu>
     <ion-router-outlet
       id="main-content"
+      [animated]="enableAnimations"
       [class]="{
         cookingToolbarOpen: cookingToolbarService.pinnedRecipes.length > 0
       }"

diff --git a/packages/frontend/src/app/app.component.ts b/packages/frontend/src/app/app.component.ts
@@ -44,6 +44,9 @@ export class AppComponent {
   isSelfHost = IS_SELFHOST;
   isLoggedIn?: boolean;
 
+  // See https://bugzilla.mozilla.org/show_bug.cgi?id=1811099
+  enableAnimations = !navigator.userAgent.toLowerCase().includes("firefox");
+
   navList?: { id: string; title: string; icon: string; url: string }[];
 
   inboxCount?: number;