Enable tabbing through the department menu on mobile view (#2489)

mitodl · Dec 9, 2024 · 44497b8 · 44497b8
1 parent ed7d438
commit 44497b8
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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>
     )