From c1c95719904aa36446632e156c26c0777caf5cbf Mon Sep 17 00:00:00 2001
From: m27 <michaelfresco@gmail.com>
Date: Sun, 17 Mar 2024 01:11:20 +0100
Subject: [PATCH] fix: The navItems are not clickable with vimium
 (accessibility) (#12813)

---
 src/components/nav-bar/nav-bar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/nav-bar/nav-bar.tsx b/src/components/nav-bar/nav-bar.tsx
index a3e32d45..c71badba 100644
--- a/src/components/nav-bar/nav-bar.tsx
+++ b/src/components/nav-bar/nav-bar.tsx
@@ -36,7 +36,7 @@ export const NavBar: React.FunctionComponent<NavBarProps> = (props: NavBarProps,
                 {(props.items || []).map((item) => (
                     <Tooltip content={item.title} placement='right' arrow={true} key={item.path + item.title}>
                         <div className={classNames('nav-bar__item', { active: isActiveRoute(locationPath, item.path) })}
-                            onClick={() => context.router.history.push(item.path)}>
+                            onClick={() => context.router.history.push(item.path)} role="checkbox">
                             <i className={item.iconClassName}/>
                         </div>
                     </Tooltip>