From 44497b8d5d4aa4541577d15b3a867a593c857d9c Mon Sep 17 00:00:00 2001
From: annagav <annagav@users.noreply.github.com>
Date: Mon, 9 Dec 2024 11:26:19 -0800
Subject: [PATCH] Enable tabbing through the department menu on mobile view
 (#2489)

---
 frontend/public/src/containers/pages/CatalogPage.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/public/src/containers/pages/CatalogPage.js b/frontend/public/src/containers/pages/CatalogPage.js
index e0f1fe5f56..16cad84590 100644
--- a/frontend/public/src/containers/pages/CatalogPage.js
+++ b/frontend/public/src/containers/pages/CatalogPage.js
@@ -295,6 +295,10 @@ export class CatalogPage extends React.Component<Props> {
    */
   toggleMobileFilterWindowExpanded = (expanded: boolean) => {
     this.setState({ mobileFilterWindowExpanded: expanded })
+    const inputs = [...document.getElementsByTagName("a")]
+    inputs.forEach(input =>
+      input.setAttribute("tabindex", expanded ? "-1" : "0")
+    )
   }
 
   /**
@@ -772,11 +776,7 @@ export class CatalogPage extends React.Component<Props> {
       )
     )
     return (
-      <nav
-        className="sticky-top"
-        id="department-sidebar"
-        aria-label="department filters"
-      >
+      <nav id="department-sidebar" aria-label="department filters">
         <ul id="department-sidebar-link-list">{departmentSideBarListItems}</ul>
       </nav>
     )