Fixed

Author: voltsparx

docs/website/app.js

@@ -268,7 +268,9 @@ const ContactPanel = (() => {
       toggle.setAttribute("aria-expanded", "false");
     }
     if (popover) {
+      popover.classList.remove("is-open");
       popover.hidden = true;
+      popover.setAttribute("aria-hidden", "true");
     }
     if (openContainer === container) {
       openContainer = null;
@@ -294,14 +296,18 @@ const ContactPanel = (() => {
         return;
       }
 
+      popover.classList.remove("is-open");
       popover.hidden = true;
+      popover.setAttribute("aria-hidden", "true");
       toggle.setAttribute("aria-expanded", "false");
 
       toggle.addEventListener("click", (event) => {
         event.preventDefault();
-        const shouldOpen = popover.hidden;
+        const shouldOpen = !popover.classList.contains("is-open");
         closeOpen();
+        popover.classList.toggle("is-open", shouldOpen);
         popover.hidden = !shouldOpen;
+        popover.setAttribute("aria-hidden", shouldOpen ? "false" : "true");
         toggle.setAttribute("aria-expanded", shouldOpen ? "true" : "false");
         openContainer = shouldOpen ? container : null;
       });

docs/website/styles.css

@@ -151,10 +151,13 @@ code {
   background: rgba(10, 1, 1, 0.97);
   box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
   padding: 9px 10px;
-  display: grid;
+  display: none;
   gap: 6px;
   z-index: 1200;
 }
+.topbar-contact-popover.is-open {
+  display: grid;
+}
 .topbar-contact-popover[hidden] {
   display: none !important;
 }