From 226b11dc87514d04166a9c7ccb1457831523bc25 Mon Sep 17 00:00:00 2001
From: Eugene Sviridov <46542370+esvyridov@users.noreply.github.com>
Date: Thu, 25 Jun 2026 03:18:42 +0200
Subject: [PATCH] Fix install dropdown render2 (#2118)

* fix: close other install dropdowns when opening a new one

* fix: render install dropdown above resource item siblings
---
 website/src/scripts/utils.ts  | 12 ++++++++++++
 website/src/styles/global.css |  6 +++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/website/src/scripts/utils.ts b/website/src/scripts/utils.ts
index 6504522a..30cc1fac 100644
--- a/website/src/scripts/utils.ts
+++ b/website/src/scripts/utils.ts
@@ -554,6 +554,18 @@ export function setupDropdownCloseHandlers(): void {
           e.preventDefault();
           const isOpen = dropdown.classList.toggle("open");
           toggle.setAttribute("aria-expanded", String(isOpen));
+
+          if (isOpen) {
+            document
+              .querySelectorAll('.install-dropdown[data-install-scope="list"].open')
+              .forEach((openDropdown) => {
+                if (openDropdown === dropdown) return;
+                openDropdown.classList.remove("open");
+                openDropdown.querySelector(".install-btn-toggle")
+                  ?.setAttribute("aria-expanded", "false");
+              });
+          }
+
           return;
         }
 
diff --git a/website/src/styles/global.css b/website/src/styles/global.css
index eb68be50..c297e4ca 100644
--- a/website/src/styles/global.css
+++ b/website/src/styles/global.css
@@ -868,7 +868,6 @@ body:has(#main-content) {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   box-shadow: var(--shadow-md);
-  z-index: 1000;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-8px);
@@ -1875,6 +1874,11 @@ body:has(#main-content) {
   transform: translateX(4px);
   box-shadow: var(--shadow);
   border-radius: 0px var(--border-radius-lg) var(--border-radius-lg) 0px;
+  z-index: 1;
+}
+
+.resource-item:has(.install-dropdown.open) {
+  z-index: 2;
 }
 
 .resource-item:hover::before,