From 5df5f38e83ebfef0787dfbf6c56133199eddcece Mon Sep 17 00:00:00 2001
From: akcodez <ariakesh@yahoo.com>
Date: Thu, 8 Jan 2026 13:18:17 -0800
Subject: [PATCH] fix animation

---
 static/css/devportal2024-v1.css | 2 ++
 styles/_bds-navbar.scss         | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/static/css/devportal2024-v1.css b/static/css/devportal2024-v1.css
index ceb407b04d..6596e5ccbf 100644
--- a/static/css/devportal2024-v1.css
+++ b/static/css/devportal2024-v1.css
@@ -14916,6 +14916,7 @@ html.light:has(.bds-navbar) {
   pointer-events: auto;
   opacity: 1;
   visibility: visible;
+  z-index: 1003;
   transition: opacity 0ms, visibility 0ms;
 }
 .bds-submenu--active .bds-submenu__left {
@@ -14930,6 +14931,7 @@ html.light:has(.bds-navbar) {
 }
 .bds-submenu--closing {
   pointer-events: none;
+  z-index: 1002;
   transition: opacity 100ms ease-out 250ms, visibility 0ms linear 350ms;
 }
 .bds-submenu--closing .bds-submenu__left {
diff --git a/styles/_bds-navbar.scss b/styles/_bds-navbar.scss
index ca962cf0c1..449ed904db 100644
--- a/styles/_bds-navbar.scss
+++ b/styles/_bds-navbar.scss
@@ -466,6 +466,7 @@ html.light:has(.bds-navbar) {
     pointer-events: auto;
     opacity: 1;
     visibility: visible;
+    z-index: 1003; // Higher z-index to appear above closing/inactive submenus
     // On open: show immediately
     transition: opacity 0ms, visibility 0ms;
 
@@ -490,6 +491,7 @@ html.light:has(.bds-navbar) {
   // Uses keyframe animations for different exit paths
   &--closing {
     pointer-events: none;
+    z-index: 1002; // Lower than active, but above default to ensure exit animation is visible
     // Container fades out after columns animate (300ms animation)
     transition: opacity 100ms ease-out 250ms, visibility 0ms linear 350ms;