From d28849d8d76fdb68bb309f76dda80de168a93a10 Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Tue, 28 Jul 2026 17:37:42 +0200
Subject: [PATCH] fix invisible navbar due to stuck animation with certain
 browser settings

---
 web/frontend/public/global.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/frontend/public/global.css b/web/frontend/public/global.css
index 7e4e805a..fb859a5b 100644
--- a/web/frontend/public/global.css
+++ b/web/frontend/public/global.css
@@ -70,3 +70,13 @@ footer {
     margin: 0rem 0.8rem;
     white-space: nowrap;
 }
+
+/* Fix: prevent Sveltestrap collapseIn from leaving the navbar invisible
+   when prefers-reduced-motion causes transition-duration = 0ms and Svelte
+   skips calling tick(), leaving the node stuck in .collapsing (height:0). */
+@media (prefers-reduced-motion: reduce) {
+  .navbar-collapse.collapsing {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}