fix: The navItems are not clickable with vimium (accessibility) (#12813)

Signed-off-by: Michael Fresco <michaelfresco@gmail.com>
argoproj · Mar 17, 2024 · 09a98cb · 09a98cb
1 parent 4848ea1
commit 09a98cb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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>