From 0f6c1880f152bbd5b11a6c9b3db0e6d4bf63e6cf Mon Sep 17 00:00:00 2001
From: julianpoyourow <julian@poyourow.com>
Date: Mon, 18 Dec 2023 19:43:07 +0000
Subject: [PATCH] fix: disable animations in firefox

---
 packages/frontend/src/app/app.component.html | 1 +
 packages/frontend/src/app/app.component.ts   | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/packages/frontend/src/app/app.component.html b/packages/frontend/src/app/app.component.html
index 7d16eadd4..366968837 100644
--- 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
index 9d2b24723..ed8b41981 100644
--- 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;