Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 44497b8

Browse files
authoredDec 9, 2024··
Enable tabbing through the department menu on mobile view (#2489)
1 parent ed7d438 commit 44497b8

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed
 

‎frontend/public/src/containers/pages/CatalogPage.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -295,6 +295,10 @@ export class CatalogPage extends React.Component<Props> {
295295
*/
296296
toggleMobileFilterWindowExpanded = (expanded: boolean) => {
297297
this.setState({ mobileFilterWindowExpanded: expanded })
298+
const inputs = [...document.getElementsByTagName("a")]
299+
inputs.forEach(input =>
300+
input.setAttribute("tabindex", expanded ? "-1" : "0")
301+
)
298302
}
299303

300304
/**
@@ -772,11 +776,7 @@ export class CatalogPage extends React.Component<Props> {
772776
)
773777
)
774778
return (
775-
<nav
776-
className="sticky-top"
777-
id="department-sidebar"
778-
aria-label="department filters"
779-
>
779+
<nav id="department-sidebar" aria-label="department filters">
780780
<ul id="department-sidebar-link-list">{departmentSideBarListItems}</ul>
781781
</nav>
782782
)

0 commit comments

Comments
 (0)
Please sign in to comment.